Collective #684
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.
Get inspired
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.
Check it out
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.
Read it
Core Web Vitals Checker
A tool made by the team of Calibre that helps check critical site speed and website quality metrics instantly.
Check it out
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.
Read it
Pipe Operator (|>) for JavaScript
A proposal for adding a useful pipe operator to JavaScript.
Check it out
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.
Check it out
Lorem.space
Lorem Ipsum fake image placeholder with relevant categories.
Check it out
DOOM Rendered via Checkboxes
WebAssembly meets 16000 HTML checkboxes. By Andrew Healey.
Check it out
Quiz App with React + GSAP
A cool little quiz app made by Mert Cukuren.
Check it out
vscode.dev Visual Studio Code for the Web
Learn all about vscode.dev Visual Studio Code for the Web.
Check it out
Evaluating Clever CSS Solutions
Michelle BArker shares some thoughts on “too clever” CSS solutions and why they might be sub-optimal.
Read it
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.
Check it out
HTML with Superpowers
Dave Rupert shares his talk he held at An Event Apart’s Spring Summit.
Check it out
Organic Sphere
Bruno Simon shares his latest WebGL with Three.js experiment.
Check it out
drei/scrollcontrols
Paul Henschel’s reimplementation of Aristide Benoist’s website scroll layout using drei.
Check it out
maku.js
A useful library to make things easier when working with HTML and Three.js.
Check it out
“Dark Mode” vs “Inverted”
Brad Frost clarifies the difference between “dark mode” and “components rendered on a dark background”.
Read it
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.
Check it out
The Sea We Breathe
A beautiful immersive experience into the sea.
Check it out
Syncthing
Syncthing is a continuous file synchronization program. It synchronizes files between two or more computers in real time, safely.
Check it out
Alpha Paintlet
Another great resource by Dave Rupert: a little paint worklet that facilitates the usage of Alpha transparency on any color in CSS.
Check it out
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.
Check it out
Repetitive Typography Animation
An experimental typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.
Check it out