1. Buying the book was where I started. Just typed it into Amazon and two-days later I was reading David Allen’s ideas on memory-dumping and context-focusing.

2. Following on from the book you’ll need that reliable way to capture it all, if your lucky enough to be have an Apple [insert device here] you’ve got two great choices with Cultured Codes’ Things and Omnifocus; otherwise, I’d go the web app route and opt for Remember The Milk.

3. Wake-up early; go to bed with the big to-dos written down, and when you awake do those first.

4. 750-words. Sometimes you’ve got a ton of thoughts flying around in the back of your head and they keep you distracted or stressed. To combat this try 750words.com, a way of just memory dumping everyday, week, or when you need. I guarantee you’ll feel better after.

5. Drink water. Great for fuelling your body and for forcing you to take breaks:)

6. 20-minute sprints. sometimes we drift, deadlines are in the future and the work a bit monotonous and uninspiring, so what to do? Get an alarm set it twenty-minutes into the future and give yourself something to aim for before it starts beeping at you.

7. Clean desk. It’s been said that when your feeling overwhelmed to take a look around and see whether your room is a mess. 9 times out of 10 that’s the problem. It also helps in the quest to stay distraction-free.

8. Dress the part. This one is especially important if you work for yourself or at home, because you just won’t take yourself seriously in a pair of pants. In fact when working from home I make sure I wear a pair of shoes that later I can take off to tell myself that the day is over.

9. A good soundtrack. On my commute to work I used to sit and talk with this musician who’d spend the forty minute train-journey educating me about how influential music was to your mood, and therefore your work. So get a good playlist lined-up. I like Miles Davis, Explosions in the sky, and some good cinematic scores to keep my ears happy.

10. Practice. I started consciously trying to get more productive about 18-months ago and I’ve still got a helluva a lot more to learn. Most recently, I’ve learned not to put so many things on my to-do list: I’ve normally got too many active projects labelled under too few steps. Took me a while to change this habit, it also took me a long time to realise the importance of the labels you give each step. I highly recommend you label each step with the “how” so when you read it you can skip the “what I need to do” and the “how am I going to do it” and jump straight into just doing it.

What is it? Why bother with it? And who cares? 

Well this website is built on it, you can flip the hood and take a look, and it wasn’t a difficult choice for me as I was just looking to update my toolkit when it started to come to my attention. To be honest the definition is a little flimsy at the moment, so might be worth giving some meat to what I mean. 

So before this site I’d started using the HTML5 declaration doctype, I’d changed the meta charset, and removed type in the script tags. But because of legacy browsers, and Internet Explorer, I’d not been comfortable using the javascript workaround to create the new HTML5 tags (e.g. Header, Footer, Article, etc.). But when it came time to build this site I was adamant I would, if for no other reason than to keep myself up-to-date and to satisfy my curiosity. Well, I think one-html5-site later I’m a fan. The big difference coming with HTML5 and it’s lesser-known-cousin microformats, is meaningful code at the presentation level. This shift brings the photoshop-to-div-soup practice to it’s knees and encourages the need to think about the naming conventions adopted and what they will mean without a stylesheet to lean on. The result is likely to out-way the fears from the xhtml-strict possy, and bring a smile to every screen-reader user in the world. It’s also shaping a future of continued open-source, standards-focussed, web practices that, with devices like the iPad and iPhones lack of flash-support, are speeding-up the adoption rate as every developer hears their Client ask why their [insert family-member here] can’t see the companies video.

But what do we get for our troubles and can we use it now? Well as already mentioned you get some new meaningful tags, but it’s the following that are stealing all the headlines (explanations curtsey of lifehacker):

Offline storage: Kind of like “Super Cookies,” but with much more space to store both one-time data and persistent app databases, like email. Actually, you can think of offline storage as something a lot like Google Gears—you just won’t need to install a plug-in to reap the benefits.

Canvas drawing: Sites can mark off a space on a page where interactive pictures, charts and graphs, game components, and whatever else imagination allows can be drawn directly by programming code and user interaction—no Flash or other plug-ins required.

Native video and audio streaming support: It’s in the very early stages and subject to format disruption, but sites like YouTube and Pandora could one day skip Flash entirely to bring you streaming audio and video, with timed playback and other neat features.

Geolocation: Just what it sounds like, but not limited to a single provider’s API or browser tool. HTML5 can find your location and use it to tailor things like search results, tag your Twitter updates, and more. Location-aware devices are a big deal.

Smarter forms: Search boxes, text inputs, and other you-type-here fields get better controls for focusing, validating data, interacting with other page elements, sending through email, and more. It may not sound that sexy, but it could mean less annoyance as a user, and that’s always a good thing.

Web application focus: Without breaking down the hundreds of nuts and bolts, it’s fair to say that HTML5 is aimed at making it easier to build wikis, drag-and-drop tools, discussion boards, real-time chat, search front-ends, and other modern web elements into any site, and have them work the same across browsers.

As for whether you can use it now, the real question is: are you happy to rely on Javascript? If so, then yes, otherwise just start adopting similar naming conventions in your class names for divs and wait until you wont have to. If you’re choosing the red-pill then read-on:

So not only did I want to use HTML5, but I wanted to get out of pushing/slicing pixels early-on and get into designing in the browser with the power of css3. But how to be responsible about it, I’d already accepted the philosophy that a site doesn’t need to look the same in every browser, but at the same time I wanted to be responsible in offering a good alternative. That’s when my research lead me to Modernizr. Brilliant, brilliant little script.  I think A List Aparts recent article on this gives a great how-to on incorporating into your process, but suffice as to say that it allowed me a way to identify what the users browser was capable of and offer the best solution. 

[REWIND]

But when and how to use the tags correctly? What do they mean? Well I read the hell out of diveintohtml5 and would highly recommend the chapter titled “What does it all mean?” that answers both of these questions very well. If you still need some reassurance then visit the doctor and see what they recommend for it. Recently, there’s been a few books, notably one published by A Book Apart (Jeffery Zeldman, et al), that will help condense the W3C/WAG combined guidelines into some semblance of usefulness. 

Most of what I’ve talked about so far has only really dealt with the familiar upgrades, but what about all that canvas, svg, video craziness I keep seeing on digg? Well check ‘em out I’ve made a list of some of the ones that got me excited about what the future of the web might look like, as well as a few more practical tutorials on taking a mockup and coding into HTML5 goodness.

LINKS:

html5demos.com

apple.com/html5

html5gallery.com

Smashingmagazine.com

Interesting insight into how the new BBC iPlayer was redesigned and built, including a discussion with the lead creative and technical teams, as well as a quick overview of the new social-networking elements they’ve added.

You can jump straight to the beta version and make a quick comparison with the original. For me the stand-out difference is how much cleaner and more focussed the interface has become, with a logical layout and a cluster of straight-talking menus. I do think they could have gone further with the social-networking aspects of the site, maybe taking a leaf out of Joost’s book and incorporating whose online, what they’ve watched and enjoyed all from within the site and not just a link via twitter; however, I think it’s great that they’ve released this kind of video and shared with us the decisions behind the changes and I’d love to see more.

Working on a Mac I’ve had some great choices to choose from when considering which editor to code my sites in. Panic’s Coda, Macrabits Espresso, BBEdit, and my tool of choice Textmate. Now I didn’t arrive easily to this choice, in fact I swayed back-and-forth between Coda and Espresso for a while thinking each one did something the other missed. It was only when I was playing around with Ruby-on-Rails that I really gave it a go. And what was it that got me hooked? I think probably the power of the bundle engine, the ability to collapse lines of code, and the Railscast theme. The first is the real gem though, and is probably what isn’t immediately obvious when taking it for a test-drive. If your interested, there’s a video or two and a book that’ll really help get you up to speed and earn back your time.

But as great as it is, I think for web development we could do better. I know recently there’s been some work at trying to get a firebug-type editor that lets you code and save within the browser view, no more cmd + tabbing. And I was thinking you could take this one-step further and have a browser-switcher that would let you switch between an i.e., webkit, gecko, view to see how each responds to the code; it could even include some magic in-builds.

When visiting another country I’ve often found myself revisiting the same companies and TV shows again, but this time with a bit of a spin and a new cast of actors that can make you wonder if your aren’t in some alternative reality. Take McDonalds for example, in Britain it’s where you go for a no-thrills cheap eat, but in Buenos Aires it’s occupants are Tommy-Hillfiger and Calvin Klein eating in one of the most stylish buildings on the street, and paying more than a steak dinner.

And the TV too.

Recently I’ve been getting into Life on Mars a BBC scif-fi police drama, and discovered, while visiting New York, that there had been an American version with Harvey Keitel, then today while in Spain I saw a Spanish version. The plots are the same but with it’s own cultural-twists and expressions that very much like a different language makes you rethink the assumptions in your own.

Read More