A beautifully illustrated design with super smooth interactions. Our pick this week.
Build skills to translate data into compelling visuals and narratives and learn how research and analytics can drive communication strategies and tactics.
Sarah Drasner’s tutorial on how to build a Serverless API with Microsoft Azure.
David Khourshid and Stephen Shaw build an image gallery with beautiful transitions.
Read about Dennis Reimann’s open sourced UIengine that started out as a tool to build pattern libraries and documentation for design systems.
An excellent in-depth article by Antin Harasymiv on how the Google Photos Web UI was built.
Misaki Nakano’s wonderful demo of bouncy boxes with a configurable halftone effect.
A demo by Michael Iriarte that lets you view a 3D city from 2D physics using matter.js. Read the tweet here.
Steve Gardner created this fun demo of a dynamically drawn SVG that follows your mouse or touch.
A super cute animated toggle made by Adam Kuhn as part of a Codepen challenge.
A training course that was initially delivered internally to Bloomberg’s software engineers as part of their “Machine Learning EDU” initiative.
David Bryant Copeland explains how Brutalism in Web Design means “raw content true to its construction”.
An article by Luigi De Rosa and Thierry Michel where they explain how they created Airdrop, a Facebook Instant Game for Red Bull.
A visual guide to flexbox magic by Greg Sidelnikov.
An article by Sebastiano Guerriero as part of a series on design systems inspired by CodyHouse’s upcoming library of web components.
Patrick Brosset’s tip for playing with variable fonts in the Firefox DevTools (Nightly).
Jen Simmons lists the 9 biggest mistakes she sees people making when using CSS Grid.