Collective #575
Publikováno: 19.12.2019
The State of JavaScript 2019 * Awesome Design Conferences * RegExp match indices * Steer the Deer * Crater
Collective #575 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: CANALS
An exceptional horizontal design that gets elevated by smooth and well timed animations.
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
The State of JavaScript 2019
This year’s edition of the most valuable survey on the JavaScript ecosystem.
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.
Making Room for Variation
An excerpt chapter from Yesenia Perez-Cruz’s new book Expressive Design Systems.
Awesome Design Conferences
The ultimate list of great design conferences all in one place.
Dynamic, Date-Based Color with JavaScript, HSL, and CSS Variables
Rob Weychert introduces a rational system for generating thousands of possible color schemes.
<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.
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.
RegExp match indices
Learn about the new regular expression enhancement in JavaScript, called “match indices”.
Understanding positioning in CSS
Learn how positioning works in CSS with this illustrated guide by Chen Hui Jing.
Crater
Crater is an open-source invoicing app made in Laravel, VueJS and React Native with many useful features.
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.
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.
Five Interesting Ways to Use Array.reduce() (And One Boring Way)
Chris Ferdinandi shows some cool things you can do with Array.reduce().
All I Font for Christmas
A typographic holiday calendar where you can unwrap a new font every day.
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.
Visualizing Every Pantone Color of the Year
An overview of the 22 Pantone colors picked in the past two decades.
Adding Dynamic And Async Functionality To JAMstack Sites
Jason Lengstorf explains how JAMstack sites are great for creating highly dynamic, asynchronous interactions.
Reimagining Design Systems at Spotify
Read about the idea and motivation behind Encore, Spotify’s new approach to design systems.
HSL Dimmer Switch
A great example of utilizing HSL with custom properties: a dimmer switch!
The Origin Story of Container Queries
Zach Leatherman pins down the origin of the Container Queries idea.
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.
Collective #575 was written by Pedro Botelho and published on Codrops.