Collective #561

Interactive web animation with SVG
Cassie Evan's inspiring talk on interactive web animations with SVG at CSSCAMP 2019.
Watch it
Writing Asynchronous Tasks In Modern JavaScript
In this article, Jeremias Menichelli explores the evolution of JavaScript around asynchronous execution in the past era and how it changed the way we write and read code.
Read it
Fully-featured website templating system with Divi 4.0
Divi 4.0 has arrived and the new fully-featured website templating system allows you to use the Divi Builder to structure your website and edit any part of the Divi Theme including headers, footers, post templates, category templates and more.
Check it out
Mobile-first animation
A repo that contains the source code of the demos for Alex Holachek's talk about mobile animation in React.
Check it out
Automatically lazy-loading offscreen images & iframes for Lite mode users
Read how the first automatic lazy-loading experiments for the Data Saver mode in Chrome went.
Read it
An Illustrated Guide to Some Useful Command Line Tools
A short description and screenshot of some useful command line tools by Wesley Moore.
Check it out
Overview
A beautiful project: Overview uses satellite and aerial imagery to demonstrate how human activity and natural forces shape our Earth.
Check it out
History of grids: from the printing press to modern web design
Discover the history of grids — from ancient Egypt to modern web design — in this article by Jeff Cardello.
Read it
Variable Color Fonts, how do they work?
Learn what you can do with Variable Color Fonts in this visual guide by Typearture.
Read it
Visual Dividers in User Interfaces: Types and Design Tips
An interesting article on visual dividers that help with the organization of content.
Read it
Spectrum
Adobe's essential design system, Spectrum, is now public.
Check it out
The problems of shared mutable state and how to avoid them
Axel Rauschmayer answers some interesting questions around the problems of shared mutable state.
Read it
pack-spheres
Brute force circle/sphere packing in 2D or 3D by Matt DesLauriers.
Check it out
The Most Frequent Emoji
Find out the ranking of the most used emojis based on the median frequency of use of each emoji across multiple sources.
Check it out
Understanding searches better than ever before
Read how new advances in the science of language understanding will help you find more useful information in Google Search.
Read it
Better Markdown in Visual Studio Code
Sam Solomon shows how to turn VS Code into an excellent tool for writing Markdown.
Read it
Monster Mashup
A playful monster demo made by Adam Kuhn.
Check it out
Pure CSS Range Rover Truck
An awesome monster truck demo by Jhey Tompkins.
Check it out
Responsive Pagoda
Watch the pagoda gain or lose layers as you vertically resize your window in this cool demo by Jon Kantner.
Check it out
ESNext: Proposals to look forward to
Bram Van Damme's slides from his talk at Full Stack Europe.
Check it out
CLARO
A minimal to-do app without distractions, just your workweek with things to do at a glance. Free for one year if you invite friends.
Check it out
Tartanify
A ready-to use collection of seamless tartan patterns in SVG and PNG format.
Check it out