Web Design Weekly #35


A List Apart issue – 346

A cracking issue from A List Apart. Brad Frost’s – For a Future-Friendly Web and Stephanie Rieger’s – The Best Browser is the One You Have with You, are two epic posts that have been coined as essential reading by some. (alistapart.com)

Watch Paul Irish rock SXSW 2012

A Lightning Talk on the new new new hot stuff with modern HTML5 web apps. CSS Regions and exclusions for magazine style layout. CSS filters for effects like blur, opacity, and saturation. Network Connection APIs to detect when you are online/offline. Fullscreen APIs for maximum gaming glory. Pointer Lock for FPS games and a truck load more!! (youtube.com)

Pinterest’s Founding Designer Shares His Dead-Simple Design Philosophy (fastcodesign.com)

CSS-Guidelines (github.com)

Firefox 11 (mozilla.org)


The BBC’s – responsive multi-device support

The increasing popularity of mobile web browsing, and the availability of responsive web design has forced the BBC team to refactor how they think a modern webpage should be built. Tom Maslen explains how the BBC are tackling the brave new world in great detail. (responsivenews.co.uk)

Word wrapping/hyphenation using CSS

Kenneth Auchenberg has spent some time looking into how he could achieve proper word wrapping within elements with a dynamic width. (blog.kenneth.io)

The Making of a HTML5 Game

Matteo Spinelli was disappointed by canvas performance on mobile devices but CSS animations seemed good enough even for CPU intensive applications. He wanted to find out if he could build a video game out of pure HTML5 and CSS. So he did! (cubiq.org)

Multi-Device Layout Patterns

Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we’re not only seeing a lot of innovation but the emergence of clear patterns as well. Luke Wroblewski cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts. (lukew.com)

Jared Spool on usability and intuitive design

He’s been working in the field of usability since 1978 – before the term was ever associated with computers. Speaker, author and CEO Jared Spool chats to Tom May about how to research your users and make your sites and apps intuitive (netmagazine.com)

What Users Want from Mobile, and what we can re-learn from them (brucelawson.co.uk)

First thing you should do to optimize your desktop site for mobile (cloudfour.com)

A Store in Your Pocket (blog.nielsen.com)

Tools / Resources

Sencha Touch 2.0

Sencha Touch 2 delivers a major upgrade to the app experiences that you create, the efficiency of your work as a developer, and the ability of your apps to participate in the mobile ecosystem. (sencha.com)


Handy shell script to download, install and manage multiple versions of Firefox (gkoberger.net)


A great little tool for showing off your GitHub Gists. Code up a Gist, and then point people to a URL to view the example and the source code, LIVE! (bl.ocks.org)

How to optimize images for iPad Retina Display (imageoptim.com)

20 jQuery plugins for responsive web design (designmodo.com)

Good rundown of the essentials of PHP 5.4 (net.tutsplus.com)

A Collection of Front End Style Guides (gimmebar.com)

StyleDocco generates documentation (github.com)

Compass 0.12.1 released! (compass-style.org)


SitePoint Podcast #153 with Luke Wroblewski

Louis Simoneau interviews Luke Wroblewski, author of Mobile First by A Book Apart about what it means to design for mobile first, and why that is a winning approach for web designers. (sitepoint.com)

ShopTalk Podcast #9 with Ethan Marcotte (shoptalkshow.com)

A pop-up book. Awesome! (2012.beercamp.com)

Last But Not Least…

js1k – 2012 Love Demos

The object of this competition is to create a cool JavaScript “application” no larger than 1k. It started out as a joke, and the first version ended with a serious amount of submissions, prizes and quality. The current competition ‘Love’ has just ended and has some outstanding demos. (js1k.com)

My favourite js1k demo – Sweetass Heart (js1k.com/demo)