Style-observer: JS to observe CSS property changes, for reals
A robust JavaScript library to detect CSS property changes, supporting custom and standard properties with browser bug workarounds.
The Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
Marquee
A Marquee component built on the Web Animations API for smooth, customizable scrolling, offering real-time control over speed, direction, and playback.
CSS text-box-trim
Adam Argyle introduces CSS text-box-trim in Chrome 133, allowing developers to trim space above and below text for better alignment.
Modern-Day Oracles or Bullshit Machines?
A series of lessons on LLMs, exploring their potential to simplify tasks, their risks of spreading false information, and how to navigate both.
A visual builder like no other
Build stunning websites effortlessly with Divi – the world's #1 premium WordPress theme and visual builder.
We are destroying software
Modern software is collapsing under complexity, fragile dependencies, rushed development, and neglect of documentation, killing the joy of coding.
Less Precious
Naz Hamid explores the pitfalls of social media, urging creators to move beyond the algorithm-driven trap and invest in their own spaces for genuine self-expression.
NGT Threlte Spaceship
Chau Tran ports a stunning spaceship demo from Threlte to Angular using Angular Three. Explore the project on GitHub
CSS Custom Functions are coming … and they are going to be a game changer!
Bramus shares how CSS Custom Functions, now prototyped in Chrome, will enable dynamic, parameterized styles. Test it in Canary!
CSS scroll-state()
Chrome 133 adds scroll-state() queries to CSS, enabling style changes for sticky, snapped, and scrollable elements without JavaScript.
The best new app for newsletter reading
Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Add your newsletters in seconds and liberate your inbox today!
The End of Programming as We Know It
Tim O’Reilly explores how AI will transform programming, creating new roles and skills, rather than replacing software developers.
vite-plugin-tsl-operator
Simplify Three.js TSL Node code with vite-plugin-tsl-operator, enabling math operators for cleaner, more readable shaders.
View Transitions Applied: More performant ::view-transition-group(*) animations
Learn how to optimize ::view-transition-group(*) animations for better performance by running them on the compositor, using custom FLIP keyframes when dimensions remain unchanged.
Beej’s Guide to Git
Master Git with Beej's Guide! Available in multiple formats with syntax highlighting and open-source access.
PlayCanvas React
A lightweight library for building 3D apps in React. It supports physics, pointer events, and a built-in scripting API. Read more on their blog.
Build a Product Card with Tailwind CSS
Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store in this Scrimba course. Codrops readers get 20% off Pro plans!
Shader Programming with Rick and Morty
Learn GPU shader programming with GLSL by animating Rick from Rick and Morty—240 lines of code, no libraries, fully interactive examples!
Simulating water over terrain
Simulating water over terrain using the virtual pipes method. Covers fluid flow, grid-based models, and practical game development applications.
CSS Voxel Editor
A CSS-powered voxel editor for building 3D models with HTML cuboids. Create and customize shapes right in your browser!
Flatlogic Open-Sources 28 Premium Web & Mobile Templates After 12 Years
Flatlogic open-sourced 28 premium web & mobile templates after 12 years in business. Grab the code here
httptap
A lightweight Linux tool that lets you view HTTP and HTTPS requests made by any program without needing root access or system changes, using network namespaces and TUN devices for traffic interception.
Shipixen
Website, blog, or product boilerplates. One-click deploy to Vercel. SEO-ready MDX blog with Next.js 14, TypeScript, TailwindCSS, and Shadcn UI.
Error Message Usability
This article explains Jakob Nielsen's ninth usability heuristic on helping users recognize, diagnose, and recover from errors.
A WebAssembly compiler that fits in a tweet
This article breaks down a 192-byte JavaScript WebAssembly compiler, offering a step-by-step guide to understanding both compact code tricks and WebAssembly internals.
Don’t animate height!
Jim Fisher reveals how a simple CSS animation can quietly drain your CPU and GPU, and shares practical tips on identifying and optimizing performance-hungry animations using browser dev tools.
Geospatial Clouds: Shota Matsuda’s WIP Volumetric Cloud System
Shota Matsuda unveils a WIP ray-marched volumetric cloud system with interactive controls, still in development and awaiting further tuning.
Ruby on Rails on WebAssembly, the full-stack in-browser journey
Vladimir Dementyev explores running a full-stack Ruby on Rails application entirely in the browser using WebAssembly.
Opera Air
A new browser designed to promote mindfulness and mental well-being... Take a “deep breath” before you start doomscrolling ;)
How to gif (2025 edition)
This article explores modern GIF alternatives, their performance, and evolving browser support.
Syntax Highlighting with Prism.js and markdown-it
Aleksandr Hovhannisyan explains how to use Prism.js with markdown-it for syntax highlighting, adding line numbers, file names & copy buttons.
fluid-triangle
An interactive fluid simulation rendered in ASCII—featuring device motion support, custom obstacle interactions, and dynamic character mapping for unique visuals. Source code here.
Fusion
Aaron Francis introduces Fusion, a new way to write PHP inside Vue & React components in Laravel, enabling seamless backend-frontend sync.
How to create a room portfolio with Three.js and Blender
Andrew Woan's beginner-friendly tutorial on creating a 3D room portfolio with Three.js and Blender. Video here.
Post-Processing Shaders as a Creative Medium
A deep dive into post-processing shaders—Maxime breaks down techniques for dynamic pixel effects, illusions, and creative rendering.
How to Use ARIA Alert Effectively
Florian Schroiff explores ARIA alerts, guiding developers on best practices to ensure accessible, screen reader-friendly web notifications.
gltf-type-toolkit
Thorsten Seyschab’s gltf-type-toolkit auto-generates TypeScript types for glTF models, ensuring type safety, efficient bundling, and seamless Three.js integration.
Codename Goose
Goose is an open-source AI agent that automates coding tasks locally, running any LLM for execution, testing, and debugging.
Monospace (ASCII art generator)
Mike Bespalov’s ASCII Converter—Instantly turn any image into ASCII art. A technical yet functional tool, with plans for a cleaner UI in the future.
Death of the Design Engineer
Sahil Lavingia argues AI is making design engineers obsolete, as top designers and engineers now use AI to bridge skill gaps and specialize.
There are a lot of ways to break up long tasks in JavaScript
Alex MacArthur explores various methods to break up long, resource-intensive tasks in JavaScript, improving UX by ensuring responsiveness through different event loop techniques.
Infinite Vortex Art Gallery
Jean Mazouni’s Infinite Vortex Art Gallery—An interactive 3D experience using Three.js Instanced Mesh API + shaders. Scroll to navigate the endless spiral.
Waterball
Experience real-time fluid simulation on a sphere with WebGPU—interactive, high-performance, and smooth even on older devices. Try it in your browser!
Hedy
Hedy is a gradual, multilingual, and classroom-friendly textual programming language that helps beginners transition from block-based coding to Python by introducing concepts step by step in their native language.
Why I still like Sublime Text in 2025
This article by James Doyle explores why Sublime Text remains a relevant and powerful code editor in 2025, highlighting its speed, flexibility, LSP support, and more.
YC Graveyard
A collection of 821 inactive Y Combinator startups from 39 batches across 50 industries, showcasing companies that launched but ultimately ceased operations.
How and Why I Moved My Blog from WordPress to Astro and Markdown
Marcin Kwiatkowski shares his journey migrating his blog from WordPress to Astro and Markdown, highlighting the benefits of performance, cost, and simplicity.
Slow Roads 2.0
The latest update brings procedurally-generated scenic roads for endless driving zen, built with Three.js to run directly in your browser, no installs or ads.
