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!
Suspicious Vial
Frank Reitberger's Three.js demo uses custom shaders and ping-pong buffers to create realistic fluid sloshing inside a glass-like vessel.
Kill your Feeds
Tom Usher discusses how social media algorithms manipulate our attention and beliefs, urging readers to regain control over their online experience.
Let the stagger experiments begin
New CSS features sibling-index() and sibling-count() reduce boilerplate and simplify staggered animations. Now available in Chrome Canary.
“Wait, not like that”: Free and open access in the age of generative AI
Molly White explores how AI companies exploit open knowledge, the risks to freely licensed content, and potential solutions to sustain the commons.
Powering Search With Astro Actions and Fuse.js
Bryan Robinson explores using Astro Actions and Fuse.js to add dynamic search to static sites while maintaining performance and flexibility.
How to write exceptional documentation
A guide to writing effective developer documentation, covering quickstarts, tutorials, API references, and more. Focuses on clarity, usability, and iteration.
A New Sudoku Layout With 81 Uniquely Shaped Cells
Cracked Sudoku introduces a new puzzle format with 81 uniquely shaped cells, replacing rows and columns with "runs".
The customizable select – Part one: history, trickery, and styling the select with CSS
A deep dive into the history and CSS-based customization of the <select> element, now supported in Chrome 134. Covers styling, accessibility, and progressive enhancement.
Photo gallery with Scroll Driven Animation
A CSS-only demo by Adam Argyle showcasing view-timeline animations for grid items, applying scroll-triggered opacity, scaling, and rotation effects.
The Cultural Divide between Mathematics and AI
A reflection on the contrasting values, priorities, and collaboration challenges between mathematicians and AI researchers, observed at JMM 2025.
How Much Are LLMs Actually Boosting Real-World Programmer Productivity?
Thane Ruthenis questions whether LLMs truly boost programmer productivity, asking for concrete real-world impacts rather than vague claims of 5–10x gains.
Hallucinations in code are the least dangerous form of LLM mistakes
Simon Willison argues that hallucinations in AI generated code are minor since they are easily caught when running the code, unlike misleading text errors.
Your Life in Weeks
A tool inspired by Tim Urban’s Wait But Why that visualizes your life as a grid of weeks, helping you track milestones and reflect on time.
PolyTrack
PolyTrack 0.5.0 beta is out! A fast-paced, low-poly racing game inspired by TrackMania, featuring custom track building, time trials, and community sharing.
Relative Colors
Ahmad Shadeed explains how to dynamically modify colors in CSS using relative colors, covering syntax, use cases, and accessibility benefits.
Create a Home Office Portfolio with Three.js and Blender
Andrew Woan showcases how to build a home office portfolio using Three.js and Blender, covering 3D website routing, rapid prototyping, and interactive elements.
Why Do We Have a Cache-Control Request Header?
Harry Roberts explores the often-overlooked Cache-Control request header, explaining its role in refresh behavior, revalidation, and real-world use cases.
A Quick Journey Into the Linux Kernel
An interesting look at key Linux kernel concepts, from process scheduling to system calls, with practical insights from kernel development.
MoodHue
Thalles Lopes introduces MoodHue, an AI-powered app that generates color palettes based on mood. Built with React and React Three Fiber.
GSAP ScrollTrigger Visualizer
A useful tool for GSAP users to better understand ScrollTrigger behavior.
CSS Form Control Styling Level 1
An unofficial draft for CSS Form Control Styling, defining new ways to style form controls with standardized pseudo-elements and properties.
Circle
Leonel Ngoya introduces Circle, an open-source project management template inspired by Linear. Built with Next.js and shadcn/ui, it helps track issues, projects, and teams.
prompt-kit
Customizable components for building AI interfaces, including features like prompt inputs and messaging elements.
My experiments with WASM and OpenGL
Uddeshya experiments with WASM and OpenGL, tackling performance, rendering challenges, and debugging in an attempt to render 1M spheres at 60 FPS.
View Transitions Applied: Dealing with the Snapshot Containing Block
Bramus explores View Transitions, highlighting coordinate space issues and solutions for smoother animations in web development.
Why we ditched Next.js and never looked back
Northflank discusses their switch from Next.js to a custom SSR solution, leading to faster load times, improved SEO, and better control over their tech stack.
In Defense of Text Labels
Christopher Butler makes the case for the importance of text labels in UX design, highlighting how they improve clarity and reduce cognitive load compared to relying solely on icons.
User-Interface Elements: Glossary
This glossary provides quick definitions for key user-interface elements and controls commonly used in UX research and design.
Hyper-personalization: a practical UX guide
The article discusses hyper-personalization in UX design, focusing on its evolution, key components, and the role of data in creating tailored, engaging user experiences.
three-pinata
Dan Greenheck announces the official release of Three Piñata, an open-source Three.js library for slicing, smashing, and exploding 3D meshes in real time. Check it out on GitHub here and npm here.
Chrome on Android edge-to-edge migration guide
Bramus explains Chrome 135's new edge-to-edge behavior on Android, detailing how websites can adapt for full-screen display and handle safe area insets.
Is the button focusable?
Manuel Matuzović tests different HTML and CSS methods to hide a button, exploring which remain focusable and exposing potential accessibility issues.
Scroll Buddy
A fun little experiment adds an animated stick figure that walks along the scrollbar as users scroll, with plans for more characters like a skateboarder or climber.
What is TypeScript? An overview for JavaScript programmers
Dr. Axel Rauschmayer gives an overview of TypeScript for JavaScript developers, covering its syntax, execution, transpilation, and integration with modern tools.
Three.js Tamagotchi Challenge
The Tamagotchi Challenge is complete with 34 creative submissions! Explore interactive demos, vote for your favorites, and see results on March 7.
ShaderGPT™
ShaderGPT™ is an AI experiment that generates GLSL shaders from text prompts. Built with Vercel AI SDK, it turns descriptions into real-time visuals. More details here.
Particles morphing
Pavel Mazhuga experiments with Three.js TSL, using compute shaders and curl noise to morph particles into shapes. Source here.
In praise of off-screen menus
Jason Bradberry challenges the conventional wisdom that visible menus are always best, arguing that off-screen menus can enhance focus, aesthetics, and user experience in the right context.
Distributed Systems Programming Has Stalled
Shadaj Laddad examines the stagnation in distributed systems programming, arguing for a native model that improves control, fault tolerance, and scalability.
GLSL tricks for tweet shaders
Xor shares compact GLSL shader tricks: fluid dynamics with sine waves, layered effects, and polar-log coordinates for natural visuals.
