Collective #743
Inspirational Website of the Week: Water by Falmec
Subtle details and a wonderful scroll experience makes this website stand out. Our pick this week.
Get inspired
NodeToy (Beta)
Create, fork and publish shader graphs with the world using an intuitive and easy to use tool built for all.
Check it out
Optimize Interaction to Next Paint
Jeremy Wagner and Philip Walton learn how to optimize for the Interaction to Next Paint metric.
Read it
Our Sponsor
Get access to marketing and sales resources here
Whether you’re looking to land the next promotion or solve a sales or marketing challenge at work, The Juice can help. The ultimate industry insider hack, The Juice aggregates career-enhancing resources from top brands and thought leaders and organizes them in one place, so you don’t have to keep filling out marketing forms for access (or dodging sales calls yourself). Start thinking like top B2B marketers and sales professionals with The Juice.
Check it out
Inside the mind of a frontend developer: Article layout
An exploration of how a frontend developer thinks while building an article layout. By Ahmad Shadeed.
Read it
DOM Clobbering
In this HTMHell Advent Calendar article, Frederik Braun explains what DOM Clobbering is and how it can make a website vulnerable.
Read it
From Web Page to Web Player: How Spotify Designed a New Homepage Experience
Alexandria Goree walks us through the design process of making over Spotify’s homepage.
Read it
Wikipedia Analysis Tool
A tool to navigate edits to the English Wikipedia made by IPs belonging to known organizations.
Check it out
Mobile Performance of Next.js Sites
Clark Gunn shares his experience on performance remediation for a large e-commerce site built with Next.
Read it
Drowning in AI Generated Garbage: the silent war we are fighting
A very interesting read on how we’ll soon end up with inbred AI garbage and algorithmic trash.
Read it
Humanizer
Humanizer is a minimal static site generator made with PHP.
Check it out
Upscalo
Read how Morten Just made an app that makes a small image large and removes its background.
Check it out
Contrast is boring—can’t someone else do it?
Learn how color-contrast() is soon here to save us from the boring task of ensuring sufficient contrast on a website.
Read it
Introducing Mona Sans and Hubot Sans
Learn how to use and express yourself with GitHub’s open source variable fonts, Mona Sans and Hubot Sans.
Check it out
Puter
Puter is a cloud operating system. Store, open, and edit your files from anywhere at any time in the cloud.
Check it out
A :nth-child(An+B [of S]?) polyfill thanks to CSS :has()
Bramus Van Damme writes about an interesting polyfill made possible with :has().
Read it
VRTs – Visual Regression Tests
Visual Regression Tests is a WordPress Plugin to test your website for visual changes and notifies you upon alerts automatically.
Check it out
Rapier – Raycast Vehicle
Isaac Mason is porting the cannon.js RaycastVehicle to Rapier. Check out his progress in this demo.
Check it out
Blockbench
An easy to use 3D model editor for low-poly and pixel-art.
Check it out
Snowball Preloader
A beautiful CSS-only snowball preloader made by Jon Kantner.
Check it out
Building A Virtual Machine inside ChatGPT
Read how it’s possible to run a whole virtual machine inside of ChatGPT.
Read it
Coding techniques
A thread by Yuri Artiukh on some great coding techniques that can be learned from “Kerrygold, the Magical Pantry” made by makemepulse.
Check it out
From Our Blog
How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js and GSAP
A tutorial on how to create a 3D cardboard box that folds and unfolds on scroll using Three.js and the GSAP ScrollTrigger.
Check it out
From Our Blog
Inspirational Websites Roundup #44
A new roundup of the most inspiring and creative website from the past couple of weeks.
Check it out
Our Sponsor
Explore the world like a local with Babbel
If you’ve always wanted to learn a new language, Babbel will be the most productive 10 minutes of your day. Trusted by over 10 million subscribers worldwide, the subscription-based language learning platform can get you confidently conversing in a new tongue in just three weeks. Sign up today and get up to 60 percent off your subscription.
Learn more