Collective #634
Publikováno: 12.11.2020
Operator Lookup * 22120 * Web animation gotchas * Socialify * react-gl-transition-image
The post Collective #634 appeared first on Codrops.
Inspirational Website of the Week: Chartogne-Taillet
A wonderful, immersive web experience with a beautiful design. Our pick this week.
Operator Lookup
Search JavaScript operators with this useful tool by Josh W. Comeau.
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.
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.
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.
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.
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.
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.
Socialify
Socialify helps you showcase your project to the world by generating a beautiful project image.
Lobe
A “free” tool by Microsoft that helps you train machine learning models.
Stage waves
Some magic made by Liam Egan.
Unexpected, Useless, and Urgent
From last month, but what a great read: Thinking about inbox management, RSS feeds, and email overload.
Nomad Web
An experimental web version of the epic sculpting and painting app.
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.
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.
Drum Sequencer
A super cool sequencer with sample pad made by Jacob Kucera.
Quick hack: How to make the new CSS Overview feature of Chromium Devtools shareable
Christian Heilmann shares a quick and useful Devtools hack.
react-gl-transition-image
Lazy load and transition your React images with some WebGL glsl niceness.
The art of making information beautiful
A great read on Bureau Oberhaeuser’s work around data visualization.
How I wrote JavaScript to avoid JavaScript
Christoph Grabo shows how many things can be done without JavaScript.
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.
Inline Menu Layout with Gallery Panel
An inline menu layout with a playful hover animation and a gallery content preview panel.
The post Collective #634 appeared first on Codrops.