Collective #684
Publikováno: 21.10.2021
Core Web Vitals Checker * maku.js * Lorem.space * “Dark Mode” vs “Inverted” * Vizzu
The post Collective #684 appeared first on Codrops.
Inspirational Website of the Week: Team Stefansky
Geeky, cool and super-fun to browse. This website design has the right amount of exciting details and innovative effects. Our pick this week.
We connect exceptional developers with world-class companies.
We combine an industry-leading matching algorithm with human relationships and support to help you find the best candidate (or job), fast.
Optimizing resource loading with Priority Hints
Learn about priority hints that indicate the relative importance of resources to the browser. They can enable optimal loading and improve Core Web Vitals.
Core Web Vitals Checker
A tool made by the team of Calibre that helps check critical site speed and website quality metrics instantly.
Smart CSS Solutions For Common UI Challenges
In this post Cosima Mielke takes a look at common problems and use cases we all have to face in our work and how to solve them with modern CSS.
Pipe Operator (|>) for JavaScript
A proposal for adding a useful pipe operator to JavaScript.
After Dark Screensavers in CSS
In case you missed it: Relive classic 1990s Mac and PC screensavers like Flying Toasters and Aquatic Realm, remade using modern CSS techniques.
Lorem.space
Lorem Ipsum fake image placeholder with relevant categories.
DOOM Rendered via Checkboxes
WebAssembly meets 16000 HTML checkboxes. By Andrew Healey.
Quiz App with React + GSAP
A cool little quiz app made by Mert Cukuren.
vscode.dev Visual Studio Code for the Web
Learn all about vscode.dev Visual Studio Code for the Web.
Evaluating Clever CSS Solutions
Michelle BArker shares some thoughts on “too clever” CSS solutions and why they might be sub-optimal.
Neural Networks from Scratch
An interactive tutorial on neural networks for beginners. Build a neural network step-by-step, or just play with one, no prior knowledge needed.
HTML with Superpowers
Dave Rupert shares his talk he held at An Event Apart’s Spring Summit.
Organic Sphere
Bruno Simon shares his latest WebGL with Three.js experiment.
drei/scrollcontrols
Paul Henschel’s reimplementation of Aristide Benoist’s website scroll layout using drei.
maku.js
A useful library to make things easier when working with HTML and Three.js.
“Dark Mode” vs “Inverted”
Brad Frost clarifies the difference between “dark mode” and “components rendered on a dark background”.
Vizzu
Vizzu is a free, open-source Javascript/C++ library utilizing a generic dataviz engine that generates many types of charts and seamlessly animates between them.
The Sea We Breathe
A beautiful immersive experience into the sea.
Syncthing
Syncthing is a continuous file synchronization program. It synchronizes files between two or more computers in real time, safely.
Alpha Paintlet
Another great resource by Dave Rupert: a little paint worklet that facilitates the usage of Alpha transparency on any color in CSS.
Replicating the Particles Animation from DNA Capital with Three.js
A coding session where you will learn to recreate the particles animation seen on DNA capital using Three.js.
Repetitive Typography Animation
An experimental typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.
The post Collective #684 appeared first on Codrops.