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 Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
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!
uchū
uchū is a color palette designed for internet lovers, using the OKLCH color space for precise, vibrant colors—crafted by NetOperator Wibby.
“A calculator app? Anyone could make that.”
Hans-J. Boehm tackled the impossible: making a calculator that always gives correct answers. His brilliant approach powers Android’s superior math.
Finding Flow: Escaping Digital Distractions Through Deep Work and Slow Living
A thoughtful reflection on focus, deep work, and digital minimalism, blending personal experience with insights from books and productivity methods.
StringTune
StringTune is a modular JS library for smooth web effects like parallax, cursor interactions & animations, using a simple, attribute-based approach.
smolmodels
Smolmodels is an open-source Python library for creating machine learning models using natural language and minimal code.
Evaluating overlay-adjacent accessibility products
The article critiques overlay-adjacent accessibility products, highlighting their flaws, ethical concerns, AI reliance, and business models while advocating for built-in browser and OS accessibility features.
Firefox + custom elements + iframes bug
A known Firefox bug causes custom elements to lose their prototype when moved to an iframe. This post explains why it happens and provides a fix using customElements.get() to restore the element’s prototype.
Fast & Smooth Third-Party Web Fonts
Scott Jehl shares a faster way to load third-party web fonts asynchronously while keeping text hidden for up to 3s, improving page speed and UX.
Smuggling arbitrary data through an emoji
Paul Butler explores encoding data in Unicode variation selectors, hiding arbitrary bytes within emojis and text. A clever but abusable Unicode trick.
How to add a directory to your PATH
Julia Evans explains how to add a directory to your PATH across different shells, covering gotchas, debugging, and best practices for bash, zsh, and fish.
Astro 5.3
Astro 5.3 boosts performance with faster page rendering—SSR up to 4x faster. Plus, easier session storage setup and improved Netlify bundling.
Ribbon
A WebGPU-powered physics demo featuring a simulated ribbon using Rapier for physics and Three.js for rendering. Made by Christophe Choffel.
Smuggling arbitrary data through an emoji
Paul Butler shows how Unicode variation selectors can be used to hide data inside a single emoji, with possible applications in watermarking and bypassing content filters.
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.
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.
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 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.
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.
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.
