Web Design Weekly #257


Giving Back to the Design Community

A look into why a small team of Facebook designers build resources for designers. (medium.com)

The difference between CSS variables and preprocessor variables (css-tricks.com)

Sponsor Web Design Weekly and reach over 22,000 passionate designers and developers


Thoughtful CSS Architecture

Nathan Rambeck provides an introduction to CSS architecture that will help you design a structure for your code so your projects and teams can grow without becoming an unmanageable mess. (seesparkbox.com)

Async functions – making promises friendly

Async functions allow you to write promise-based code as if it were synchronous, but without blocking the main thread. They make your asynchronous code less “clever” and more readable. Jake Archibald explains. (developers.google.com)

How To Brutalize The Web

This article examines the characteristics of Web Brutalism, why it can be effective and what it takes to design a Brutalist website. (medium.com)

CSS Flexbox Explained by Road Tripping Across the Country

Can’t say I have ever read an explanation about a technology quite like this but it seems to work and is entertaining. (freecodecamp.com)

On Style Maintenance

Sarah Drasner looks at two different programming paradigms (functional and object-oriented) and considers how they apply to CSS and the concept of authoring versus maintenance. (css-tricks.com)

Tools / Resources

JavaScript Stack from Scratch

Step-by-step tutorial to build a modern JavaScript stack from scratch. (github.com)

CSS Icon

An icon set made with pure css code that has no dependencies. (cssicon.space)

Pure CSS Content Filter (csswizardry.com)

React Router 3.0 is out (github.com)

New In Chrome 54 (developers.google.com)


Etsy Design

The talented Etsy Design team has started blogging and sharing their experiences. With only a few articles so far I’m sure it will become a great source of inspiration in the not too distant future. (medium.com)

How we deploy at npm (blog.npmjs.org)

Angry Birds in Pure CSS (codepen.io)


Senior JavaScript Engineer at Marvel

We’re looking for a Senior JavaScript Developer to join our team building the next generation of design and prototyping software. (marvelapp.com)

Interactive Designer at Radish Lab

We’re looking for a dynamite interactive designer to join our growing team. The ideal candidate is efficient, has an eye for detail and user experience, excellent references, and some noteworthy portfolio examples to share with us. (radishlab.com)

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

Last but not least…

Skyrocket your Sketch workflow (blog.quadro.me)