Web Design Weekly #163


The Monty Hall Rewrite

Alex Sexton at his best! In this article he entertainingly explores some considerations if you are going to do the big rewrite. (alexsexton.com)

Firefox Developer Edition Released (mozilla.org)

Calibre • Stop guessing, start tracking

Continuous website quality and performance software to help take your site to the next level. Join the beta today! (calibreapp.com)

Sponsor Web Design Weekly and reach over 22,079 Developers


How To Scroll

Scroll-based interaction is incredibly popular for interactive storytelling. There are many compelling reasons for this, yet scrolling is surprisingly nuanced and easy to break. Here, Mike Bostock explores five rules for employing scrolling effectively. (bost.ocks.org)

Progressive Reduction

Progressive Reduction is the idea that interfaces should be adapted over time as users become more acquainted with applications. The idea is gradual iteration and to improve experience, while also gently introducing changes to avid users. (dtelepathy.com)

How CSS level 4 selectors could boost devs’ powers

Fiona Chan looks at the proposed level 4 selectors and explores the powers they could afford developers. (creativebloq.com)

SVG Animation and CSS Transforms: A Complicated Love Story

This article exposes the many hangups of using CSS transforms on SVGs and offers a very simple, yet powerful, solution. (css-tricks.com)

How we do CSS at Ghost (dev.ghost.org)

All About Angular 2.0 (bluespire.com)

The Road to Ember 2.0 (github.com)

Tools / Resources

CSS Specificity Graph Generator

Last week I linked to Harry Roberts great article about The Specificity Graph and here is a handy tool developed by Jonas Ohlsson to create your own with ease. (jonassebastianohlsson.com)

SVG Circus – Open Sourced

SVG Circus was just open-sourced. If you need a playground for SVG animation experiments – it’s perfect and if you have a feature you can now submit a pull-request. (github.com)


Easily manage sidebar comments for documenting design. (github.com)

Basic principles of responsive web design (froont.com)

Bookmarklets in the design world (medium.com)

Colour palettes based on words (colores.manugarri.com)


Overwhelmed by Code (alistapart.com)

AngularAir – AngularJS video podcast (ng-air.github.io)


Snr Front-End Developer at Frank Digital

We’re looking for super talented devs with a few years experience who get excited by clean code and collaborating closely with design and other devs to make great UX focused websites. We require all the usual jazz – HTML5/CSS3, JS (angular.js or node.js a plus), PHP (Laravel a plus). Holla at matt@frankdigital.com.au with your attached CV! (frankdigital.com.au)

Front End Engineer at Yelp!

Join Yelp’s Front-end team and help build a modern, style guide-driven UX for our 138 million users! We’re looking for people who love good code and working closely with design, product and other engineers to make great features. (yelp.com)

Need to find passionate developers? Why not advertise in next week’s newsletter!

Last But Not Least…

Too Many Images

Discover your image weight on the web. Find out the image weight in your pages, compare to the HTTPArchive average and discover what images you can optimise further. (github.com)