Collective #568
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_survey.jpg?x86293)
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.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_friday.jpg?x86293)
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.
Grab them now!![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_cockatiel.jpg?x86293)
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.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_creepy.jpg?x86293)
Creepyface
A JavaScript library that makes your face look at the pointer.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_scalesvg.jpg?x86293)
Scaling SVG Elements
Amelia Wattenberger explains the basic principle behind scaling SVG elements.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_pwa.jpg?x86293)
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.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_designapi.jpg?x86293)
Design APIs: The Evolution of Design Systems
Matthew Ström's exploration of how an API for design decisions works.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_proxy.jpg?x86293)
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.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_quanta.jpg?x86293)
Quanta Magazine
A wonderful case study of one of the latest projects by Dogstudio.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_hexa.jpg?x86293)
HexaBeat
HexaBeat is a sequencer using commits from GitHub to make beats.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_pinball.jpg?x86293)
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.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_gradient.jpg?x86293)
Avoiding jagged edges on gradients
In case you missed it: Mandy Michael's tip on how to achieve smooth gradients in CSS.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_w3c.jpg?x86293)
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.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_print.jpg?x86293)
Print To CSS
Dan Davies recreates some print work using CSS Grid.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_floppy.jpg?x86293)
Fit on a Floppy
A tool for determining if your webpage can fit on a 3.5 inch floppy disk.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_tesla.jpg?x86293)
Pure CSS CYBRTRK
Jhey Tompkins recreated the new Tesla Cybertruck in this awesome demo.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_cssgrid.jpg?x86293)
Creating complex layouts using CSS Grid
A practical tutorial on how to create a complex layout using CSS Grid. By Sush Kelly.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_gif.jpg?x86293)
Masked areas in SVG using GIFs
Cassie Evans shows a magical method for creating masked areas in SVGs.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_bladerunner.jpg?x86293)
Blader Runner
Ricardo Cabello's awesome Three.js Blade Runner demo. View the source code here.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_map.jpg?x86293)
Simplifying code with Maps in JavaScript
Oleksandr Khomenko explains how to refactor a component using maps in JavaScript.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/11/C568_body.jpg?x86293)
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.
Read it