Web Design Weekly #165


When to use @⁠extend; when to use a mixin

There has been lots of conversations floating around of late about the use of @extend. If you are a little unsure or confused, I would highly recommend this article by Harry Roberts before you find yourself in a world of pain. (csswizardry.com)

Smashing Web & Graphics eBook Bundle

Mastering Web design techniques and design applications is the key to a bulletproof foundation. This incredible bundle offers all the tools you’ll need to get things going. (mightydeals.com)

Sponsor Web Design Weekly and reach over 22,234 Developers


Planning for Performance

An excerpt from chapter 3 of Scott Jehl’s new book, Responsible Responsive Design. If you haven’t bought the book already, this should tip you over the edge. (alistapart.com)

2 Years with Angular

This article seemed to get a fair bit of traction this week. Alexey Migutsky sure does raise some good points. It’s also worth checking out the discussions in the comments and on Hacker News. (fse.guru)

The Group That Rules the Web

A great piece by Paul Ford about the history of HTML5 and the W3C and the work that they do. (newyorker.com)

Writing-first Design

Basecamp designer Jonas Downey suggests starting with words when tackling the early stages of a design. A great idea which I also feel is very applicable to development. (signalvnoise.com)

Design Engineering (snook.ca)

Tools / Resources

CSS Stats tool updated

Adam Morse and Brent Jackson just pushed a nice new update out. If you are in need of gathering some quick insights into your CSS, this is your tool. (cssstats.com)

Charted – a new way to share data

Charted is a tool that automatically visualises data. Give it the link to a data file and Charted returns a beautiful, shareable visualisation of that data. (medium.com)

Closing issues via commit messages

You can include keywords in your commit messages to automatically close issues in GitHub. Pretty darn handy if you use issues! (github.com)

Deku – similar to React

Still a work in progress by the talented Segment team. Will be interesting to see the progress in the coming months. (github.com)

Tips for authoring fast-loading HTML pages (developer.mozilla.org)

Driving Phantom from Grunt (alistapart.com)

In-browser SVG editor (svg-edit.googlecode.com)

Semantic UI (semantic-ui.com)


Creating Gorgeous User Interfaces (medium.com)

How I Got Hired by DigitalOcean (joelcalifa.com)

RWD Podcast — The Guardian (responsivewebdesign.com)


Frontend Developer at Blue Apron

Seeking jr devs to join our team which creates, implements beautifully responsive & optimized new features. Ultimately, the team’s main objective is to create culinary experiences that’ll have you eating your monitor in no time. Not sure? Check us out, then decide. (blueapron.com)

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!

From the Blog

ngInclude and SVGs = <3

Of late I have been deep in Angular land and I just thought I’d share a little discovery that I was shown by a fellow work college the other day. (web-design-weekly.com)

Last But Not Least…

A handy tool for creating ASCII art (asciiflow.com)