Collective #706
Inspirational Website of the Week: True Staging
A fantastic design with a smooth interaction experience, excellent typography and intriguing details.
Get inspired
#100CoolWebMoments
Take a scroll down memory lane and explore the coolest web moments by Chrome Developer.
Check it out
New to the web platform in March
Discover some of the interesting features that landed in stable and beta web browsers during March 2022. By Rachel Andrew.
Check it out
Infinite Mac: An Instant-Booting Quadra in Your Browser
Mihai Parparita has extended James Friend’s in-browser Basilisk II port to create a full-featured classic 68K Mac in the browser.
Check it out
Amazing Spacecraft
A Vanilla JavaScript browser game where a spacecraft has to survive a journey through space.
Check it out
Arno Di Nunzio — Freelance creative developer
The fantastic new website by Arno Di Nunzio with lots of 3D physics-based fun. Read more about it in his tweet.
Check it out
Tweaking In The Browser
Ahmad Shadeed shares a few thoughts on why designing in the browser isn’t designing. It’s more of a tweaking process.
Check it out
Performance Tool in Firefox DevTools Reloaded
Read all about the new version of the existing Performance panel that Firefox is shipping in the new version.
Read it
Yaade
Yaade is an open-source, self-hosted, collaborative API development environment.
Check it out
John Beresford – Creative Developer
Another cool website made with the help of Bruno Simon’s Three.js course. By John Beresford.
Check it out
The Story of Next.js
This is the story of how Next.js took over the world.
Watch it
Exciting Times for Browsers (and CSS)
Michelle Barker shares her excitement about all the new features that will be available in browsers soon.
Read it
Nitric
Nitric is a framework for rapid development of cloud-native and serverless applications.
Check it out
How to Use CSS Math Functions
The CSS logical functions calc(), clamp(), min() and max() are supported by all modern web browsers. This article shows how to use them.
Read it
How We Built r/Place
A super interesting article on how Reddit’s Place was built, a collaborative canvas on which a single user could only place a single tile every five minutes.
Read it
Range
A fun and creative way to use the range slider 
Made by Hakim El Hattab.
Check it out
Checkbox Animations With Indeterminate State
A beautiful mirco animation with SVG checkboxes made by Jon Kantner.
Check it out
How to Create Components in Svelte
Svelte, like most other frontend frameworks, works on the basis of creating components. Learn how to create components in Svelte.
Check it out
AYOND
A very creative peel-off hover effect.
Check it out
Mozilla’s vision for the evolution of the Web
Read about the Mozilla’s vision for the Web and how they intend to pursue that vision.
Read it
NFT.js
A JavaScript library to implement NFTs by Santhosh Reddy.
Check it out
Lines to Content Layout Animation
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
Check it out