Collective #575

Inspirational Website of the Week: CANALS
An exceptional horizontal design that gets elevated by smooth and well timed animations.
Get inspired
Join the 20,000+ developers who love Clubhouse
"I can't say enough good things about @clubhouse #ProjectManagement software: flexible & feature-rich, but not bloated." - Current User
Check it out
The State of JavaScript 2019
This year's edition of the most valuable survey on the JavaScript ecosystem.
Check it out
Building and deploying modern websites and apps
Guillermo Rauch walks us through all the important steps it takes to build and deploy a cutting-edge website.
Watch it
Making Room for Variation
An excerpt chapter from Yesenia Perez-Cruz's new book Expressive Design Systems.
Read it
Awesome Design Conferences
The ultimate list of great design conferences all in one place.
Check it out
Dynamic, Date-Based Color with JavaScript, HSL, and CSS Variables
Rob Weychert introduces a rational system for generating thousands of possible color schemes.
Read it
<select> your poison
Sarah Higley takes a closer look at the <select> element and investigates what happens when we try to remake it. Also, check out the second part.
Read it
Steer the Deer
Hello Monday's awesome Christmas gift: a game where you can fly Santa's sled. On desktop you can steer the deer using nothing but your hands.
Play it
RegExp match indices
Learn about the new regular expression enhancement in JavaScript, called “match indices”.
Read it
Understanding positioning in CSS
Learn how positioning works in CSS with this illustrated guide by Chen Hui Jing.
Check it out
Crater
Crater is an open-source invoicing app made in Laravel, VueJS and React Native with many useful features.
Check it out
Animate Text on Scroll
Learn how to animate text along a path on scroll using SVG and JavaScript in this video tutorial by Stephen Shaw.
Watch it
SVG Section Divider
Learn how to create SVG section dividers in Illustrator and how to import them into your web project. A video tutorial by Sebastiano Guerriero.
Watch it
Five Interesting Ways to Use Array.reduce() (And One Boring Way)
Chris Ferdinandi shows some cool things you can do with Array.reduce().
Read it
All I Font for Christmas
A typographic holiday calendar where you can unwrap a new font every day.
Check it out
On the origin of cascades
In this talk by Hidde de Vries at dotCSS 2019 you'll learn how CSS came to be, and how the language's simplicity and flexibility still make it stand out today.
Check it out
Visualizing Every Pantone Color of the Year
An overview of the 22 Pantone colors picked in the past two decades.
Check it out
Adding Dynamic And Async Functionality To JAMstack Sites
Jason Lengstorf explains how JAMstack sites are great for creating highly dynamic, asynchronous interactions.
Read it
Reimagining Design Systems at Spotify
Read about the idea and motivation behind Encore, Spotify's new approach to design systems.
Read it
HSL Dimmer Switch
A great example of utilizing HSL with custom properties: a dimmer switch!
Check it out
The Origin Story of Container Queries
Zach Leatherman pins down the origin of the Container Queries idea.
Check it out
Scroll, Refraction and Shader Effects in Three.js and React
Discover how to use react-three-fiber and combine some common techniques to create a Three.js powered layout with shader effects.
Read it