Collective #634
Inspirational Website of the Week: Chartogne-Taillet
A wonderful, immersive web experience with a beautiful design. Our pick this week.
Check it out
Operator Lookup
Search JavaScript operators with this useful tool by Josh W. Comeau.
Check it out
22120
More important than ever: An archivist browser controller that caches everything you browse, a library server with full text search to serve your archive.
Check it out
Black Friday with 15,000+ Free Prizes!
With over 15,000 free prizes, free bonus gifts, dozens exclusive discounts and perks from our partners, and our biggest discount ever on Divi memberships and upgrades, you wouldn’t want to miss this year’s Black Friday sale that starts on Nov 27th at exactly 12:00 AM UTC-6.
Save the date
Not so short note on aria-label usage
A great article on aria-label and how to use it. The discussion is also very insightful with lots of answers and questions.
Read it
Web animation gotchas
Fading something in, and fading something out – sounds simple right? Unfortunately not! Jake & Surma talk through the various gotchas of animating the web, and how to work around them.
Watch it
The Raven Technique: One Step Closer to Container Queries
Mathias Hülsbusch shows how to use calc(), min(), max() and clamp() to build a container-query-like solution.
Read it
A Dive Into React And Three.js Using react-three-fiber
React-three-fiber is a powerful Three.js renderer that helps render 3D models and animations for React and its native applications. In this tutorial, you will learn how to configure and build 3D models in a React application.
Read it
Socialify
Socialify helps you showcase your project to the world by generating a beautiful project image.
Check it out
Lobe
A “free” tool by Microsoft that helps you train machine learning models.
Check it out
Stage waves
Some magic made by Liam Egan.
Check it out
Unexpected, Useless, and Urgent
From last month, but what a great read: Thinking about inbox management, RSS feeds, and email overload.
Read it
Nomad Web
An experimental web version of the epic sculpting and painting app.
Check it out
HTML Forms: How (and Why) to Prevent Double Form Submissions
An interesting article on preventing double from submissions by using an attribute on the form element.
Read it
React Forms Tutorial: Access Input Values, Validate, and Submit Forms
A step by step tutorial on how to access input values, validate, and submit forms in React.
Read it
Drum Sequencer
A super cool sequencer with sample pad made by Jacob Kucera.
Check it out
Quick hack: How to make the new CSS Overview feature of Chromium Devtools shareable
Christian Heilmann shares a quick and useful Devtools hack.
Check it out
react-gl-transition-image
Lazy load and transition your React images with some WebGL glsl niceness.
Check it out
The art of making information beautiful
A great read on Bureau Oberhaeuser’s work around data visualization.
Read it
How I wrote JavaScript to avoid JavaScript
Christoph Grabo shows how many things can be done without JavaScript.
Read it
Recreating the Exploding Particles Video Animation from M-trust.co.jp
In this live stream you’ll learn how to code the exploding particles video effect seen on the website of M-Trust with WebGL.
Check it out
Inline Menu Layout with Gallery Panel
An inline menu layout with a playful hover animation and a gallery content preview panel.
Check it out