Global Design Survey 2019
Explore the data behind designer salaries, career trends, and what’s next for your design discipline in these design survey results by Dribbble.
Are you going to miss these Black Friday deals for designers and devs?
At last – these awesome tools and resources for designers are at a discounted price. Don’t let them slip through your fingers. They’re available for a limited time.
Cockatiel
A resilience and transient-fault-handling library that allows developers to express policies such as Backoff, Retry, Circuit Breaker, Timeout, Bulkhead Isolation, and Fallback. Inspired by .NET Polly.
Creepyface
A JavaScript library that makes your face look at the pointer.
Scaling SVG Elements
Amelia Wattenberger explains the basic principle behind scaling SVG elements.
Request with Intent: Caching Strategies in the Age of PWAs
Aaron Gustafson dives into modern media caching strategies and shows how to use some Cache API tricks of Service Workers.
Design APIs: The Evolution of Design Systems
Matthew Ström’s exploration of how an API for design decisions works.
How To Run a Proxy Server Inside Your Browser
Danny Moerkerke explains how you can run a proxy server in your browser using just a service worker.
Quanta Magazine
A wonderful case study of one of the latest projects by Dogstudio.
HexaBeat
HexaBeat is a sequencer using commits from GitHub to make beats.
Complex Search-Results Pages Change Search Behavior: The Pinball Pattern
Read why users distribute their attention more variably across a search result page than in the past.
Avoiding jagged edges on gradients
In case you missed it: Mandy Michael’s tip on how to achieve smooth gradients in CSS.
CSS Containment Module Level 1 is a W3C Recommendation
The CSS WG has published the CSS Containment Module Level 1 as a W3C Recommendation. It describes the contain property, which indicates that the element’s subtree is independent of the rest of the page.
Print To CSS
Dan Davies recreates some print work using CSS Grid.
Fit on a Floppy
A tool for determining if your webpage can fit on a 3.5 inch floppy disk.
Pure CSS CYBRTRK
Jhey Tompkins recreated the new Tesla Cybertruck in this awesome demo.
Creating complex layouts using CSS Grid
A practical tutorial on how to create a complex layout using CSS Grid. By Sush Kelly.
Masked areas in SVG using GIFs
Cassie Evans shows a magical method for creating masked areas in SVGs.
Blader Runner
Ricardo Cabello’s awesome Three.js Blade Runner demo. View the source code here.
Simplifying code with Maps in JavaScript
Oleksandr Khomenko explains how to refactor a component using maps in JavaScript.
BodyPix: Real-time Person Segmentation in the Browser with TensorFlow.js
Read all about BodyPix 2.0 that now comes with a new API, multi-person support and improved accuracy.
Collective #568 was written by Pedro Botelho and published on Codrops.