Web Design Weekly #85


Farewell, hgroup

The <hgroup> elements has been removed from HTML 5.1. From my research the consensus seems to be that it will not be misssed. In this post Bruce Lawson explains what this means for us when writing mark up for taglines and subheaders into the future. (brucelawson.co.uk)

Understanding JavaScript Inheritance

Alex Sexton explains the concepts behind JavaScript Inheritance in a very entertaining manner. (alexsexton.com)

Testing for Asynchronous Load of Inapplicable CSS StyleSheets (github.com)

Support this newsletter by becoming a member for the price of a coffee →


Code Hard or Go Home

John Siracusa gets all in depth about the current web rendering engine landscape. (hypercritical.co)

Weaning yourself off jQuery

When your code isn’t coupled to jQuery, it’s much easier to spin out the reusable pieces so you can publish them to package repositories like npm. (substack.net)

List of Pseudo-Elements to Style Form Controls

It’s always been a little tricky to style form elements. This post by TJ VanToll will no doubt help you overcome your troubles. (tjvantoll.com)

An all-classes approach to CSS

Todd Motto gives some great advice on writing better CSS for your future projects. (toddmotto.com)


A nice little article by Harry Roberts about implementing CSS hacks in an organised way. (csswizardry.com)

Statistics on Preprocessor Usage (blog.codepen.io)

A dao revisited (adactio.com)

Tools / Resources

Packery, the bin-packing layout library

Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around. (packery.metafizzy.com)

WP Migrate DB Pro – Migrate your WordPress database

WP Migrate DB Pro eliminates the manual work of migrating a WP database. Copy your db from one WP install to another with a single-click in your dashboard. A life saver of a plugin! (deliciousbrains.com)

Facebook Home prototyped in Quartz Composer – Tutorial (layervault.com)

Sublime-Grunt – A Grunt plugin for Sublime Text (github.com)

Photoshop Blend Modes Explained (photoblogstop.com)

Measuring Web Performance (slideshare.net)

Preview of Bootstrap 3 (rnikitin.github.io)


The Five Most Dangerous Ideas

In this 60-minute video from An Event Apart Boston, Scott Berkun tackles designer disempowerment. He discusses how power actually works and why developing salesmanship skills is a must, even if your job isn’t public-facing. (alistapart.com)

Oh, I’m not a…

Ben Howdle gives a little advice on how you can create more opportunity for yourself by taking a small amount of time to learn something. (medium.com)

SCSS Clock (codpen.io)


Front-end Developer – Harvest

Join a team of stellar designers and developers and work on a popular web application that powers some of the coolest businesses in the world. (getharvest.com)

Post a job in next weeks newsletter →

Last But Not Least…

Rendering Engines, Vendor Prefixes & Chrome Blink

Chrome recently announced they will be replacing the WebKit rendering engine with a new one, named Blink. Chris Wilson and Paul Irish chat with Jen Simmons to explain all the details. (5by5.tv)

TowTruck – Real-time collaborative site browsing (towtruck.mozillalabs.com)

Google Glass can display HTML! (developers.google.com)