Articles, editorials and tutorials
2011
There’s no formula for great designs Instapaper
For 24ways: “Before he combined them with fluid images and CSS3 Media Queries to coin ‘responsive design’, Ethan Marcotte described Fluid Grids §— one of the most enjoyable parts of responsive design. Enjoyable that is, if you like working with math(s). But Fluid Grids aren’t perfect and unless we’re careful when applying them, they can sometimes result in a design that feels disconnected.”
Getting Hardboiled with CSS3 2D Transforms Instapaper
For the Typekit blog: “Part of a series of guest posts covering tips and tricks for working with CSS. These techniques, along with web fonts, make rich interactive sites achievable with simple and accessible standards-based markup and CSS.”
2010
Circles of Confusion Instapaper
For 24ways: “ whittles his early photographic experience into an innovative approach to deciding what matters most in a user’s experience of a visual design — capture and order what needs to remain consistent, and share the process (and the port and stilton) with clients.”
2009
Ignorance Is Bliss Instapaper
For 24ways: “ shares a case study highlighting the benefits of progressively
2008
Contract Killer Instapaper
For 24ways: “ rides into town to remind us of the importance of having a proper contract in place between those providing a service (usually us) and our clients commissioning the work. Projects that don’t run to plan are a fact of life, so make sure you’re prepared.”
Microformats: The Fine Art of Markup: hAtom Instapaper
Published by Peachpit.
Microformats: The Fine Art of Markup: hReview Instapaper
Published by Peachpit.
Microformats: The Art of Markup: hCalendar Instapaper
Published by Peachpit.
Microformats: The Fine Art of Markup: hCard Instapaper
Published by Peachpit.
2007
Underpants Over My Trousers Instapaper
For 24ways: “ looks to the world of comic books and graphic novels for inspiration in web design. Personally, I look for design inspiration is Christmas wrapping paper, which, as it turns out, is a less successful technique. On the whole I’d recommend Clarke’s approach above mine. Lesson learned.”
Microformats: The Fine Art of Markup Instapaper
Published by Peachpit.
Creating Inspired Design: Part 6: Across the Universe Instapaper
Published by Peachpit.
Creating Inspired Design: Part 5: We Can Work It Out Instapaper
Published by Peachpit.
Creating Inspired Design Part 4: Yellow Submarine Instapaper
Published by Peachpit.
Creating Inspired Design Part 3: You Never Give Me Your Money Instapaper
Published by Peachpit.
Creating Inspired Design: Part 2: A Day In The Life Instapaper
Published by Peachpit.
Creating Inspired Design Part 1: I Am The Walrus Instapaper
Published by Peachpit.
2006
A Message To You, Rudy — CSS Production Notes Instapaper
For 24ways: “ details an approach for embedding production notes inside your document — a useful aid to project management and team communications throughout the development phases of any project. Sounds like Santa isn’t the only one who’ll be getting notes this Christmas.”
2005
“Z’s not dead baby, Z’s not dead” Instapaper
For 24ways: “ dusts off the CSS z-index property to take control of the depth of his positioned elements. Why not try it out for yourself and see how it all stacks up. Santa’s not the only thing in your stack this Christmas. Erm… ok, I’m outta puns.”
2004
Invasion of the Body Switchers Instapaper
For A List Apart: “Wouldn’t it be great if we could update the classic ALA style switcher to accommodate multiple users and devices, including some that aren’t even traditional browsers, all from a single JavaScript and CSS file? Well, now we can! Enter the Body Switcher.” and James Edwards.