Web Design Weekly #38


Design Is A Job – New book from A Book Apart (abookapart.com)

Screen Resolution Alert for Web Developers (statcounter.com)


CSS Sprites Revisited

Niels Matthijs looks into the wonderful world of CSS sprites. He touches on various techniques but the standout for me is the LESS and SASS tips. (smashingmagazine.com)

10 things every designer needs to know about forms

There are a lot of badly designed forms out there, but whether you like them or not, forms are essential. Joe Leech, user experience director at cxpartners, presents the lessons he wishes he’d learnt before he began designing forms. (netmagazine.com)

Automatic responsive images in WordPress

A nice post by Keir Whitaker from Viewport Industries about how to set up automatic responsive images in WordPress blogs. (viewportindustries.com)

Uncle Dave’s Ol’ Padded Box

Dave Rupert lets us in on a CSS trick that he has been using lately in his responsive designs. Inspired by Elliot Jay Stocks’ article “Better Background Images for RWD”, he combines 2 of his favourite concepts with great success. (daverupert.com)

Using media queries inside a SVG file to make it change based on img dimensions (my.opera.com)

Responsive web design: a project-management perspective (dev.opera.com)

Official MS IE(5-9) CSS Compatible table (msdn.microsoft.com)

CSS3 Animated Media Queries(paulund.co.uk)

The Cloud-Centric Mac Set-Up (elliotjaystocks.com)

Tools / Resources

The Noun Project

The Noun Project collects, organises and adds to the highly recognisable symbols that form the world’s visual language, so we may share them in a fun and meaningful way. (thenounproject.com)

UI Patterns For Mobile Apps: Search, Sort And Filter

A great round up by Theresa Neil over Smashing Magazine on three key interface elements. (smashingmagazine.com)

Basic Slider

I have mentioned this before but Basic Slider designed & developed by @john0514 has a nice new website. Simple to use, simple to theme, simple to customise. (basic-slider.com)

Socialite.js – for controlled loading of social buttons (socialitejs.com)

Round up of Web Browser Internals Resources (html5rocks.com)

Responsive CSS3 Drop-Down to Accordion (csscience.com)

FontShop fonts in Photoshop (fontshop.com)

Land your dream job (netmagazine.com)

HTML5 Bookmarks (html5bookmarks.com)


Startups, this is how design works.

Companies like Apple are making design impossible for startups to ignore. Startups like Path, Airbnb, Square and Massive Health have design at the core of their business, and they’re doing phenomenal work. But what is ‘design’ actually? Is it a logo? A WordPress theme? An innovative UI? (startupsthisishowdesignworks.com)

Instagrams founder, a marketer who learned to code at night (thenextweb.com)

CSS Deck – A Collection of Pure CSS Creations! (cssdeck.com)

Instantly Beautiful Project Pages for GitHub (github.com)

Great idea – Paperfold CSS (developer.mozilla.org)