Web Design Weekly #159


Celebrating CSS

Cascading Style Sheets turned 20 years old and Jeremy Keith has come to the party with a great post. (adactio.com)

Smashing Bundle – only $19!

With this Usability and UX bundle of eBooks from Smashing Magazine, you’ll be fully armed to best tailor your website for users. Each eBook is provided in three file formats so you can enjoy reading them on any device. (mightydeals.com)

Sponsor Web Design Weekly and reach over 21,402 Developers


JavaScript Beyond the Web in 2014

Patrick Catanzariti dives into how JavaScript has evolved and explores why it is becoming the go-to language for the Internet of Things. (sitepoint.com)

Loading webfonts with high performance

If you are serious about performance this post by Adam Beres-Deak is a great read to help take your site to the next level. (bdadam.com)

A Guide to SVG Animations (SMIL)

Sara Soueidan’s epic guide to SMIL and the animation syntax built right into SVG. (css-trick.com)

Dealing with Burnout as a Web Designer

It’s often talked about but it’s still a big problem in the web design world. Burnout affects us all at some point so learning to deal with it and how others deal with it, is the best way to stop it happening to you. (sebkay.com)

An Introduction To The HTML5 History API

Avinash Zala gives a nice overview of how to get started with the HTML5 History API. (code.tutsplus.com)

These 8 Tricks to Selecting a Design Partner That Will Amaze You (medium.com)

The Top 10 Mistakes AngularJS Developers Make (airpair.com)

Tools / Resources


A high performance lazy loader for images (responsive and normal), iframes and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. (github.com)

Schema UI Framework

A nice looking framework that just released version 2.0.0. It now has better documentation, a better file structure and more components. (github.io)


It’s a CLI tool to capture screenshots of websites in various resolutions to make sure they are responsive. You can also use it as a general website screenshot tool. (github.com)


Clippy is a tool for generating values for shape functions for the new CSS clip-path property. (github.com)

A Selection of Front-End Developer Tips (benfrain.com)

44 engineering management lessons (defmacro.org)

Detecting Scroll Position (blog.grayghostvisuals.com)

Giving Colours More Colourful Names (viget.com)


Andrew Nacin – Post Modern WordPress

Andrew Nacin, one of the lead developers of WordPress talks about WordPress dev philosophy, complexity and consistency. (wordcamp.org)

Correspondence with an Ex-Designer (jasonsantamaria.com)

CSS only iPhone 6! (codepen.io)


Front End Engineer at Yelp!

Join Yelp’s Front-end team and help build a modern, styleguide-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…

Work in the Web

A free 3 day intensive workshop for students to learn the more advanced-fundamentals (Version control, Responsive Web Design, Preprocessing and much more) which aren’t taught in the curriculum as of current. (workintheweb.com)

A List, A Fart – For people who make websites that stink (alistafart.com)