Web Design Weekly #323


Introducing the GraphQL Guide

A guide that looks at the core fundamentals of GraphQL along with strategies for how to implement it (client-side and server-side). Written by John Resig and Loren Sands-Ramshaw it is sure to be awesome. (graphql.guide)

How and When Browsers Download Images (csswizardry.com)

Sponsor Web Design Weekly and reach over 29,933 passionate designers and developers


Your Brain on Front-End Development

A glimpse into Chris Coyier brain when he’s thinking about front-end development. If you’re a designer who doesn’t code, this might be especially eye-opening. If you do code, see inside the mind of an expert. (css-tricks.com)

Making Web Components Work

Ted Dumitrescu goes deep into detail about what they have discovered whilst building on Web Components at Mixpanel. (engineering.mixpanel.com)

Creating the ultimate flexibility via Container components

The Zendesk team share how they have utilised a really cool pattern, based on render props. (medium.com)

How to use React with the WordPress REST API

Josh Nederveld shares how to convert a plugin from using jQuery to using the WordPress REST API and React JS. (pagely.com)

Tools / Resources

Polly JS

A standalone, framework-agnostic JavaScript library that enables recording, replaying, and stubbing HTTP interactions built by the talented Netflix team. (netflix.github.io)

Overview of MapKit JS

MapKit JS brings Apple Maps to your website. See how MapKit JS provides map rendering that is optimised for various browsers and devices, and supports native gestures such as pinch-to-zoom, two-finger rotate, and more. (developer.apple.com)


An online playground where you can experiment with a collection of pre-made CSS animations, tweak them and get only those you will actually use. (animista.net)

Level up your CSS selector skills

David Gwyer took it upon himself to do an in-depth review of CSS selectors and came across some interesting ones that were either new to him or were used in a way that hadn’t occurred to him before. If you write any CSS this is a great read. (blog.logrocket.com)

The Chrome UX Report – The State of the Web (youtube.com)

Harry Roberts: FaCSSt—CSS and Performance (youtube.com)

ZEIT – New Static Deployments (zeit.co)

GitHub Style Guide (styleguide.github.com)


How Frank Chimero Designs a Poster (milanote.com)

Meet Sara Soueidan (medium.com)


Product Designer at Customer.io

We’ve reached a point where our current design system is struggling to scale and hiring you is the piece of the puzzle we need to invest in leveling it up. We are looking for someone to join our product team and be the vanguard of this effort. (customer.io)

Frontend Engineer at Zapier

We’re looking for a Frontend Engineer to join the engineering team at Zapier. Want to create a simple product that allows anyone to do complex, incredible things with the world’s APIs? (zapier.com)

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

Last but not least…

Framer X (framer.com)