The project started around six months ago with the release of the 2.0 version of HTML5Boilerplate, seeing the great starter code I realised I’d have to convert that code into a Shopify template every time I built a new shop, so as a company we decided to document and release the code as an open source project with the hope of involving the community more and building a better release with their feedback.

We’ve already released one shop based on an early version of the code, Spook Show Angel and hope to have many more.

You could have a quick google around to see why IE6 is terrible but I’d save time if I were you, it’s the web browser equivalent of Comic Sans hated by designers, transparent to users.

We stopped supporting IE6 a year or so ago when the average percentage of users dropped to around 1-2%. Our sites would still work very well, but certain graphical niceties and special effects would be non functional.

The point of this post, if there is one, is that we always, always focus on our users, it doesn’t matter if it’s harder, less fashionable, if there’s less opportunity to use “cool toys” or add shiny transitions between pages. Industry awards might not often go to “who has the best IE6 support?” but if there are this many users on a platform 11 years old, we’ll deliver them the very best experience we can.

The point, as far as I can see, of the article is that sites should be device agnostic. That means that sites should not judge what hardware or software is used to access information or services, but should adapt themselves to the available resources. That could be big screen / small screen, fast connection / slow connection etc.

The commentors, referencing a second article linked in the original have instead got hooked on the sound bite:

If you could only do one thing to prepare your desktop site for mobile and had to choose between employing media queries to make it look good on a mobile device or optimizing the site for performance, you would be better served by making the desktop site blazingly fast.

Rubbish I tell you.

And why is that? Well, for the plain and simple reason that if you aren’t optimising your sites to the Nth degree, you have failed web 101. I’ve been approaching each GIF from the ground up, shrinking them and reducing their colour palettes since before most web designers were out of short trousers. Building small, optimised HTML, CSS and JS hand in hand with highly optimised graphics where required – that doesn’t need to be said does it? You don’t think you win at Web Design if you don’t do that? It doesn’t need stating, it’s a given.

So:

Yes – Responsive Design is here, it’s staying, it’s required. It’s another thing we need to do, another step to complicate web site design and development, but another step to simplify and improve the lives of our users and that is always the point.

We’ve never been partial to keeping our mouths shut about something we believe in, so you’ve probably seen our often passionate and sometimes inflammatory tweets and Facebook updates about vegetarianism. Now we’ve decided to put our money where our big mouth is, which means that all fellow members of the Vegetarian Society get a cruelty-free 10% off our services, which include web design, web copywriting, content writing services and brand development. Just tell us your Vegetarian Society number when you make an enquiry and we’ll sort out the discount (and high five you for saving the animals and their little faces).

Miles’ web design services got a mention in last month’s issue of the Vegetarian Society magazine, and Charlee’s writing services will be in this month’s, so keep an eye out for her if you’re a subscriber.

Not a Veggie Yet?

Never fear. You can still get a high five from us: why not start with Meat Free Monday and make one change that will benefit your health and the environment?

However – that’s not the point of this post. The point is that my personal brand, and my business brand is very closely interlinked. I’m a “Passionate Vegetarian” as my Twitter profile says, I could no more work for a business that sold Foie Gras than I could work for a slaughter house. My personal beliefs blur across to my business life (they go in the other direction too).

I’m proud to say that when we were approached by a German online food shop to do some work on their site, we checked their ethical standing and immediately found it wanting. We refused the work, as we’d refuse it from anyone with questionable ethics.

This stance isn’t just about Foie Gras, or indeed about the meat industry. Although as a vegetarian of course I’d rather nobody ate meat, I understand that I live in a world where plenty of people do, and that there are ethical approaches to the selling of meat products that do not include cruel and unusual treatment of livestock.

This stance is actually about ethical businesses. By refusing to work with businesses with poor animal welfare policies, unethical business practices, “dark Pattern” interfaces, sub standard products, or anything else, we can hold our heads up high and say:

“We’re proud of who we are, what we do, and who we do it for”.

Anyway – “Inbox 0″ a noble aim and one that in my own way, I achieve every day. This is how I do it, you may want to change things to fit. It works very well with Dave Allen’s GTD process and perfectly fits the sweep process of bin it, file it, do it if it takes less than 2 minutes or put it in your task inbox.

Requirements:

• A Mac using Mail.app with a “Smartfolder” set up to filter in all unread mail.
• Omnifocus for Mac
• Omnifocus for iPad
• Omnifocus for iPhone

I should have written about it myself but as I say, she’s much better at it than me – tell us your thoughts, both clients and fellow designers opinions welcomed!

What’s great. Initially at least, the app is good looking and easy to use. It’s clear, fast, responsive to touches and swipes. Full screen photography (in both landscape and portrait) is included with many articles, inline hyperlinks have been inserted leading off site for more info.

What’s terrible. Leaving the elephant in the room for a moment -

• Comments created by active interested readers on articles that are also on the website, are not included
• Text cannot be zoomed, copied or interacted with
• If you try and share an article via twitter, it ignores your existing twitter account information and asks you for it again (something I was impressed the Lanyrd app does not do). Reports from Twitter land itself say there are many problems getting the app to share via twitter at all.
• What we would call “thumbnail images” on the web proper, are just images, they cannot be touched to view a close up
• I cannot, in any way, personalise the experience. I don’t like sport, nothing against it, but I don’t want to see it. I’d be a happy man if I never saw a peep out of the world cup, the rugby, or the accursed Olympics. The app offers me no way of even hiding the sport section, let alone promoting articles and subjects I am interested in.
• Even though we’re asked to pay £9.99 a month for the paper, it still has adverts. The Channel 4 logo is rather brashly spread all over the paper and it’s adverts intersperse the content. CH4 lost all it’s respect when they started Big Brother so quite why they think Guardian readers will be interested in their latest piece of ill researched trash / celebrity waffle I don’t know.

The worst thing they have done, and it’s unforgivable – the paper is out of date by the time you download it. The app is a literal representation of that days paper with all of the major drawbacks that that implies. A new edition is available at 6AM UK time, if a plane flew into the houses of parliament at 6:01, this app would’t tell you about it. Integration with the up to date, regularly visited website is tacked on to the side of some articles as if they knew there should be something but were’t quite sure what to do.

There’s also a “On The Website” link as the final piece of the main navigation, which loads up new stories of the day – as if being up to date is something you may want to opt out of.

A simple responsive design for the Guardians existing website would have solved all of the problems, and for a fraction of the cost of this app. They could have offered the option of a paid subscription (for the very reasonable price of £9.99 a month) which would not show me any adverts. For people unwilling or unable to pay – the adverts stay the way they are on the current site. I don’t think I’m new with this idea, ah what’s this? The Boston Globe did it just the other day to massive international acclaim.

I should add, that the competition on Newsstand is broadly just as bad and generally worse than The Guardian iPad app. The Metro is an embarrassment of press release regurgitation in the physical world already, their iPad implementation is laughable. You’re forced into landscape (despite the splash screen starting in portrait?), it’s typographically hideous, text is uninteractive, calls to action do not look touchable, lazy, dull navigation dominates the top of the screen and it also uses the “daily issue” metaphor we so soundly threw away the day the internet invented blogs.

The Guardian app is a step backwards not forwards, it is trying to fit an old media paradigm (the daily print) into a world where days don’t really exist, into a world where we can update things as they happen, in a world where you can write an article about a terrorist attack as soon as it happens in 6 words, extend it to 6 paragraphs an hour later and extend that to a 6 section in depth analysis. None of the possibilities and advantages of working with a fast, constantly connected smart media device are used, even when doing so would be cheaper.

Newststand will never be the success iTunes or the App Store have been, it will probably find a market for those who haven’t yet moved away from the monthly publishing model (I admit I obsessively collect SFX magazine (also available on iPad)), but for anyone who has got used to a stream of articles rather than chunks handed out at the discretion of publishers – it’s a bit pointless.

You fail Guardian, you fail totally and utterly in a way I did not expect you to. This endeavour deserves to die a quick painless death, and although I’m sure it will die, I sadly think it will be long and drawn out, over shadowing what will come next. I want to pay for your content, I want to access it in a timely manner, I don’t want adverts and I want to access your content on the device of my choosing, why don’t you want my money?

I’m terrible at staying focussed – I don’t seem to be able to fix the problem so instead I use tools to help me better deal with it. The best tool I have come across is Getting Things Done by David Allen, you all already know and practice good GTD though right? The PT however is a simple mind trick you can learn in a day, that helps you really focus on the actual things you need to get done. You don’t need any shiny software, all you need is a kitchen timer (or other timing device) and a pen and paper. I use an app I got from the App Store, but you really could use anything.

At it’s heart, PD divides your day into 25 minute work sessions and 5 minute break periods, along with larger breaks throughout the day (and lunch ofc!) concentrating, uninterrupted on a given task for that entire 25 minutes and being very strict about keeping distraction clear from your minds eye view.

The PT has genuinely helped me map my days out better, and to be realistic about what I can and can’t get done in a given time, try it out, at most you have 25 minutes to lose