Web Design Weekly #286


Discover the world’s best design practices

A new resource from the talented Invision team. It focuses on best practices, stories and insights from the world’s top design leaders. It’s hot! (designbetter.co)

JavaScript for People Who Hate JavaScript (zachholman.com)

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


Performance and Resilience: Stress-Testing Third Parties

A great post by Harry Roberts that advises on ways to pick and test third party resources that you are considering to use within your project. (csswizardry.com)

Engineering & Design: Primitive Problems

Brad Barrow’s talk transcript that looks into how we can reduce the gap between design and engineering for the benefit of both disciplines. It’s a great piece and I’ll be sure to feature a link to the video if/when it is released. (medium.com)

A Look at Async/Await in ES2017

Async functions, a major feature in the ES2017 spec, are effectively a combination of two big ES6 features: Promises and generator functions. In this post Jon Bellah dives in to help us avoid the pyramid of doom. (jonbellah.com)

Pattern Variations

Brad Frost shares his thoughts about some of the ways in which patterns can be designed for flexibility. (bradfrost.com)

The Languages Which Almost Became CSS (blog.cloudflare.com)

Tools / Resources

React Simple Maps

A collection of React components to make SVG maps using d3-geo and topojson. (react-simple-maps.io)

Public APIs

A collective list of free JSON APIs for use in web development. (github.com)

Learn Regex

A short and easy guide to understand and learn regex. (github.com)

Data-driven designers use NomNom to learn from customers faster

The easiest way to search, organize and share all your customer feedback and user research in one place. NomNom is data-driven design made easy. (nomnom.it)

Javascript Arrays and Functional Programming (github.io)

Designing for mobile performance eBook (awwwards.org)

All About React Router 4 (css-tricks.com)

Hyper Component (github.com)


Things A Serious JavaScript Developer Should Learn (benmccormick.org)

Adopting GraphQL at Twitter (youtube.com)


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)

Senior Product Designer at Creative Market

This is a rare opportunity to impact not just the future of Creative Market, but the future of the design industry. You’ll work closely with the Lead Product Manager, CDO, and CEO to design and launch a major new product fast. (creativemarket.com)

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

Last but not least…

The simplest reason as to why ‘above the fold’ is a myth. (abovethefold.fyi)