Web Design Weekly #287


CSS Utility Classes and “Separation of Concerns”

Adam Wathan shares his experience about his CSS development journey. A great insight into someone that continually wanted to improve and seek out the best way for them to work. Oh and if you are into CSS this is a must read. (adamwathan.me)

Bootstrap 4 Beta (blog.getbootstrap.com)

Sponsor Web Design Weekly and reach over 25,486 passionate designers and developers


Web fonts: when you need them, when you don’t

Over the last year David Gilbertson has produced some awesome articles and this is no exception. If you happen to be using, or are thinking about using web fonts within your site be sure to read this. (hackernoon.com)

The Difference Between Explicit and Implicit Grids

This article by Manuel Matuzovic gives a solid understanding of explicit and implicit grid concepts. Knowing why and how implicit lines and tracks are created is vital for working with Grid Layout. (css-tricks.com)

Passing data between Promise callbacks

Dr. Axel Rauschmayer shares a few solutions for passing data between callbacks. Great to see a post which provides numerous solutions, not just one. (2ality.com)

React Animations in Depth

Nader Dabit looks into 5 options for React Web Animations. (medium.com)

Retiring the Green Padlock (medium.com)

APIs as infrastructure (stripe.com)

Tools / Resources

Using ES2017 Async Functions

If you’ve ever struggled with reasoning about asynchronous JavaScript, this post is for you. Eric Windmill explains things in a super easy and digestible manner. (css-tricks.com)

Visual Email Builder Apps

If you need a little help building an email without all the features some of the well known companies provide (Campaign Monitor and MailChimp) this selection of standalone apps could prove super handy. (css-tricks.com)


Deploy static websites or folders to AWS S3 with a single command. (github.com)

Developing an app with Angular 2+ and the Angular CLI

This tutorial covers creating the MEAN application from scratch. (sitepoint.com)

JPNG.svg (Transparent PNG with JPEG Compression) (codepen.io)

The Best Frontend JavaScript Interview (performancejs.com)

ES Modules in Node Today (medium.com)


Making of my Portfolio Website (blog.prototypr.io)

Letter to a Junior Designer (builttoadapt.io)


Product Designer at Help Scout

At Help Scout we strive to build a great product above all else, which means our success depends on having an outstanding person in this role. With an abundance of curiosity, knowledge and skill, it’s your job to move the product forward in search of very happy and productive customers. (helpscout.net)

Frontend Engineer at Canva

Since launching in April 2013 we have grown exponentially, and the journey has only just begun. Join Canva, and be part of this adventure. We are one of the world’s fastest growing startups. Your colleagues, like you, will be the top of the industry. It is important to us that we create a workplace that you love coming to. (canva.com)

Need to find passionate developers or designers? Why not advertise in the next newsletter

Last but not least…

Development has started for CSS Grid support in Chrome DevTools (twitter.com)

A list of funny and tricky JavaScript examples (github.com)