Web Design Weekly #237


Taking The Robots To Design School

An epic post by Jon Gold that shares his thoughts around merging typographic design and artificial intelligences. Fascinating read. (jon.gold)

Regressive Web Apps (adactio.com)

Start using new tools in minutes​

You don’t have to wait for a far off sprint to start using new integrations. Just activate integrations with Segment, we’ll immediately start streaming over your data. (segment.com)


Building a Visual Language

An insightful post by Karri Saarinen that looks behind the scenes of Airbnb’s new design system. (airbnb.design)

Debugging CSS

If you write CSS for a living this article by Ben Frain is highly recommended. Ben explains his procedures for debugging CSS along with a few handy tricks to make the most of your debugging time. (benfrain.com)

Autofill: What web devs should know, but don’t

In this article Jason Grigsby dives into the nitty gritty of how autofill works, how to build forms that support cross browser autofill and take advantage of new features like scanning cards. Some really great info. (cloudfour.com)

CSS Modules and React

Robin Rendle explores using CSS Modules with React and Webpack to create a simple static site. The 3rd and final instalment from his CSS Modules series. (css-tricks.com)

Six nifty ES6 tricks (2ality.com)

Tools / Resources

Understanding The CSS Property Value Syntax

Russ Weakley explains the W3C’s syntax that is used to define the possible values that can be used for all CSS properties. The syntax isn’t super straight forward but once understood can help massively to decipher any of the W3C’s CSS specifications. (smashingmagazine.com)

Build Your Own Babel Plugin

Utilising the power of Babel during development is extremely helpful but if you happen to want a little extra functionality this post by Dan Prince will help you on your way to creating your very own Babel plugin. (sitepoint.com)


A set of 20 Sass mixins which aim to help you manage the style of :nth-child’ified elements, in an easy and classy way. (lukyvj.github.io)

A list of everything that goes in the <head> of your document (github.com)

Sticky Footer, Five Ways (css-tricks.com)

Local styling with CSS Modules (speakerdeck.com)


The best UI Interactions for your inspiration, every day. (uiinteractions.com)

Top developers can have a life outside coding (belenalbeza.com)

“We only hire the best” (signalvnoise.com)


Frontend Engineer at Disqus

Frontend engineers are the core of the Disqus product team. We’re looking for someone to join our close-knit team. You’ll work with modern frameworks and tools to deliver an engaging discussion experience for hundreds of millions of users on the web. (disqus.com)

UX Designer at Hotjar

We are looking for an ambitious and driven UX designer who is passionate about creating engaging, consistent and memorable experiences. Hotjar is a rapidly growing startup that is giving thousands of website owners the tools needed to discover how their visitors are really using their website. (hotjar.com)

Have an Web Design related position you need to fill?

Last but not least…

Position Wanted: Front-End Director

Some food for thought from Jeffrey Zeldman suggesting that maybe we should have front-end directors within big organisations that are empowered as any other director role. (zeldman.com)