Web Design Weekly #150


Enduring CSS

A great article by Ben Frain that looks at the most advantageous practices and approaches when authoring CSS for a large, rapidly changing site. Make time for this one! (benfrain.com)

CSS Guidelines

High-level advice and guidelines for writing sane, manageable, scalable CSS From Harry Roberts. (cssguidelin.es)


Speeding up AngularJS apps with simple optimisations

AngularJS is a huge framework that already has many performance enhancements built in, but they can’t solve all our problems. In this article Todd Motto points out some things to help build faster applications. (binpress.com)

Rethinking The Grid

Jonathan Snook has been helping out with the rebuild of the Shopify admin and in this article he shares the team’s approach on the grid component. Flexbox for the win! (snook.ca)

Styleguide Driven Development

Styleguide Driven Development (SDD) is a practice that encourages the separation of UX, Design & Frontend from Backend concerns. This is achieved by developing the UI separately in a styleguide. (webuild.envato.com)

The Intersection

The Design Director of Campaign Monitor, Buzz Usborne, gives his opinion on whether designers should aspire to be developers too. (medium.com)

The Problem With Using HTML Imports For Dependency Management (tjvantoll.com)

CSS at Groupon (mikeaparicio.com)

Tools / Resources

CSS Hat 2 – Select any Photoshop layer and instantly get code

An EPIC 2.0 update for CSS Hat is here! It has awesome new features like multiple layer export, custom code templates, middlewares, syntax highlighting… (csshat.com)

Refills Interface Patterns

Refills are prepackaged patterns and components, built on top of Bourbon, Bitters and Neat. (refills.bourbon.io)


Simple way to collect and look at your website performance metrics quickly, that supports budgeting and adding custom metrics. (github.com)

Adventures in Angular

A weekly show dedicated to the AngularJS framework. (devchat.tv)

Seti UI — A dark coloured UI theme for Atom with custom file icons (atom.io)

Authenticating Node.js Applications With Passport (tutsplus.com)

Look and Feel section on Web Fundamentals (developers.google.com)

The CSS ::first-letter selector is mad! (codepen.io)

UX How-To with Luke Wroblewski (youtube.com)


Front-End Product Engineer @ Tumblr

At Tumblr we a looking for an engineer/perfectionist with a fast keyboard, ready to take on entire features. You will be helping build the next cool thing on Tumblr and help improve the existing features. (tumblr.com)

Advertise in next week’s newsletter →


The origins of the use of [x] in UI design (medium.com)

CSS 3D Bending Effect – Page Flip (codepen.io)

A JavaScript pen a day, for 1 year! (codepen.com)

Last But Not Least…

So that’s issue #150!I have been doing this now since July 2011, which is a little crazy. A massive thanks to you all for subscribing and passing on the word about WDW. It means a lot! There are a lot of things in the pipeline for WDW in the near future, but your feedback is invaluable. Please keep the feedback coming and here’s to some exciting firsts for WDW soon!

Have a good one!