Simple categories in Feedly

Screenshot of Feedly, showing categories in left-hand sidebar
Screenshot of Feedly, showing categories in left-hand sidebar

There’s something about this time of year that makes me look back on the past twelve months, reorganise things and generally try to simplify life for the year ahead. This evening I turned my attention to my RSS feed reader Feedly.

When Google closed down its Google Reader service in July 2013 I moved over to Feedly. Their migration process was flawless:

  1. Log in to Feedly using your Google account.
  2. Give Feedly permission to read your Google Reader subscriptions.
  3. Er…
  4. That’s it!

In the last five months I’ve been using Feedly on both a desktop browser and the Android app. It’s been a really useful way of keeping up with the sites I want to follow, and it also confirms recent research about how people are using the web these days: on multiple devices.

The old way

I have a problem with the way I categorise my feeds. Until this evening I’ve grouped them by topic:

  • People
  • Web
  • Web tools
  • Browsers
  • Music

The problem

The problem is: there are some feeds that I read more than others and this way of organising the feeds doesn’t allow me to find those feeds quickly.

A few feeds I try to read every post, such as A List Apart and Zenhabits. I take my time with these articles.

Some feeds I subscribe to simply to keep up with what certain people are saying, such as Steve Lawson, Robert Wright and Tom G Fischer. I try to read most posts.

Other feeds I follow to look out for important updates. These are mostly software or web development blogs such as jQuery, Google Chrome, Firefox, IE, Opera, etc. I tend to glance at the headlines and read only those posts that I think will impact me.

The new way

So, after understanding my own user behaviour, I now have simplified this to three categories:

  1. Must read
  2. Regular
  3. Occasional

I’ve also removed quite a few feeds this evening. Some feeds I realised I wasn’t reading anyway; others were a distraction.

I’m going to run with this way of organising things for the next few months to see if it helps.

Update: After a few months of trying this, I’m finding it really helpful to have my feeds organised this way. The only change I’ve made is to rename the first category from “Favourites” to “Must read”. I found that I was questioning whether “Favourites” was my own category or an auto-generated one by Feedly.

Ironically, Feedly does have an auto-generated category called “Must reads” but I’m finding this much less confusing. Your mileage may vary.

Set up a cheap network storage with a USB flash drive and a BT Home Hub 2.0 in 4 steps

This evening I put the finishing touches to my new cheap-and-cheerful network storage: a USB drive attached to my BT Home Hub 2.0 (the shiny, black one).

Step 1: USB drive

The first step was to buy a new USB flash drive. I went for this one from 7DayShop.com. It’s a 32GB USB 2.0 drive and cost me £20.99. Usefully the swivel cap comes off quite easily.

20110610-32gb-usb-drive

(When I tried this out at first I used an old 256 MB flash drive that I had in my Big Boy’s Drawer of Interesting Things™.)

Step 2: BT Home Hub 2.0

Round the back of the BT Home Hub 2.0 is a USB port. They’ve even, conveniently labelled it “USB”. Plug the USB drive into the port.

20110610-bthomehub-rear

(The dust is optional.)

Step 3: Connect with Windows Explorer

Assuming that you’re connected to your BT Home Hub, open a Windows Explorer window and enter the following network address in the address bar: \\BTHUB\Disk_a1 then hit Enter.

20110610-BTHUB-Disk_a1

Step 4: Map a network drive

To save you having to type in the network address every time you can map a network drive to that location.

In Windows 7, open My Computer and click on the “Map network drive” button on the toolbar at the top:

20110610-map-network-drive

A dialog windows will pop-up. Select a drive letter and enter the network address, as before, in the Folder input box:

20110610-map-network-drive-dialog

Then click Finish.

You now have a network drive:

20110610-network-location

Security

I’m going to use mine for backing up a few files and as a useful location for sharing documents between PC and laptop.

I imagine that this isn’t the most secure of solutions, as anyone with access to the network could gain access to the files, if they know the network address, but as a cheap and cheerful way to share files across multiple computers without the other PCs needing to be switched on this is ideal.

Update

Oddly, after a couple of weeks of this working fine I can no longer connect to \\BTHUB\Disk_a1, the PC just tells me that it cannot find the hostname.

It appears that this is not an exact science.

Blueprint CSS framework v.0.8 cheatsheet

Blueprint CSS cheatsheet

I’ve updated my cheatsheet for the Blueprint CSS framework (version 0.7.1) as well as create a new one for the latest version of the Blueprint CSS framework (version 0.8). They can both be downloaded from Scribd.com:

Getting the WP-Syntax plug-in to work in WordPress 2.0.x

Plugin
Vintage socket photo by porah

I was looking for a WordPress plugin for code syntax highlighting that would work in the legacy WordPress 2.0 branch and discovered WP-Syntax which promised to do the trick.

The system requirements say

  • Requires WordPress Version: 2.0 or higher
  • Compatible up to: 2.7

Except that when installed on a WordPress 2.0.11 installation it threw up an error:

Fatal error: Call to undefined function do_action_ref_array() in \blog\wp-content\plugins\wp-syntax\wp-syntax.php on line 106

Tweaking required

It looks like that plugin doesn’t work in WordPress 2.0.x without a little tweaking. The exceptional WordPress Codex came to the rescue — if only all content management system documentation was that good.

This function is identical to do_action

So I tweaked the code and removed:

and replaced it with

and lo and behold it worked!

Smarter web design article in .net magazine

Smarter and faster web design

The current edition of .net magazine (October 2008, issue 181) has an interesting feature article entitled “Smarter and faster web design”.

Magazine writer Craig Grannell promises “you don’t need to work harder, or for longer hours, to get better results. You just need to work smarter!” A sucker for productivity tips here’s my take on what he has to say:

1. Get away from the computer

This is one my favourites, and one that I use all the time. Well, not all the time, otherwise you’d never find me at my desk!

Lateral‘s Simon Crab offers this thought:

“… today’s web designers have a subconscious belief that the computer will provide an answer as long as they sit in front of it for long enough”

Instead of sitting staring at your design software of choice (Photoshop, Paint Shop Pro Photo, Publisher, Illustrator, Visio, etc.) he suggests going out and get a different perspective on the world. Go to exhibitions, browse magazines at the newsagent, walk around and look around you.

I can’t remember where I first learned this, but it’s been really helpful advice. Get inspiration from other non-Web environments. I’m forever ripping out pages from magazines, scanning them or simply gluing them into a scrapbook. I’ve found inspiration in books, magazines, TV, architecture, fashion, nature … step away from the computer!

2. Explain the idea to a non-techie

I don’t know how many times Jane has patiently sat and listened to me wittering on about some design idea, and then pondered carefully as I finish with the killer question “Does that make sense?”

Crab notes:

“A foolproof test is verbally explaining an idea to a non-designer. If you can’t succinctly explain a concept and get across how it will look and feel, it’s probably not a great idea.”

3. Paper and a pen

This was a tip that struck a chord with me: use simpler tools. Don’t rely on massive, expensive software applications. Get back to basics.

I have a home-made pad of A5 paper next to me on my desks, both at work and at home. Any scrap A4 paper that would otherwise go into the recycling box gets ripped in two and bound together with a foldback clip.

The next bit of advice is from usability guru Jakob Nielsen:

The most important tools for a smart designer are a pen and plenty of paper. This is all you need to do user testing — no fancy lab required. Just sit next to a customer as they attempt to use your website.

Mock things up on paper first. Show it around. Get the big things right first, before you waste time writing code that might never be used.

And for those who say “I can’t draw” advice from GapingVoid:

They’re only crayons. You didn’t fear them in kindergarten, why fear them now?

4. Simpler software

37signals founder Jason Fried:

[Our software products] do a few things really well and get out of people’s way. And when products do a few things really well, they’re more pleasant to work with, and easier to learn and understand.

Find software that does this for you. A few of my favourites:

I use these applications again and again for specific tasks because they’re quick, simple to use and reliable. I’ve got other, bigger applications that will do these tasks but these do it for me quickly.

5. Getting Things Done

Interesting advice from Khoi Vinh from NYTimes.com about GTD:

Unless you really feel GTD is perfect for you, don’t bother. It’s over-rated and just about the (admittedly satisfying) pleasure of organising a system for getting things done, rather than actually getting things done.

I can see that, but I would also say: don’t reject it simply because it doesn’t work for other people. Give it a go, and adopt the things that do work for you, such as a zero-inbox policy.

I was impressed with Andy Budd’s approach to email. He answers emails that take under five minutes, deletes the junk and then files the rest in folders with titles such as:

  • Action
  • Hold
  • Respond
  • Waiting

I’ve been inspired to try something similar.

6. Reuse code

Re-use tried and tested modules of code, for example:

  • Frameworks for CSS, PHP, JavaScript
  • Base it on the default WordPress code (clean, valid and well-structured code)
  • Create your own library of code (many code editors allow you to store these as snippets)

I loved Edward Barrow’s reason for using prebuilt libraries:

He likens using a prebuilt library to “getting an expert programmer to work on your project for free”.

Whenever I do something new I now ask myself whether this is something that I’m likely to need again. If it is I’ll store it as a snippet in WeBuilder 2008, my main code editor.

I categorize everything and have folders and subfolders in my code library arranged like this (I’ve expanded the HTML folder):

  • Apache
  • CSS
  • htaccess
  • HTML
    • !DOCTYPE
    • Basic Tags
    • Elements
    • Forms
    • IE Conditionals
    • Meta
  • JavaScript
  • jQuery
  • Lorum Ipsum
  • Microformats
  • PHP

I’ve got all sorts of goodies in here, that I don’t have to go searching for because I know they are there at my fingertips.

7. Source control

Before I discovered Subversion I used to create my own version control system. But I ended up with umpteen files and folders along the lines of:

It got ugly, and if I made a mistake or needed to roll back to a previous version I couldn’t very easily do it. I then discovered FileHamster but I couldn’t quite get the hang of it. I found it a little too intrusive.

I was then introduced to Subversion, and discovering that you don’t need to incorporate it into Apache server I installed the Subversion server onto my PC at home and it’s been great! I use the TortoiseSVN client.

Quoting once again from the article in .net:

“In fact, the simplest and smartest investment you can make for any project is to use some sort of version control system,” says Aral Balkan, web developer and conference organiser.

What are your tips?

What are the tools, tips that you find most useful, that make you most productive?