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!
upfetch
A lightweight, type-safe fetch client builder with schema validation, automatic parsing, and smart defaults for simpler API requests.
Why I Like Designing in the Browser
Tyler Sticka on designing in the browser with HTML/CSS for real-time feedback, fluid layouts, and modern CSS—while still valuing design tools.
Building a “shoutout” component in plain HTML/CSS/JavaScript
Christian Heilmann creates a 'shoutout' overlay in plain HTML, CSS, and JS to mark key moments in videos for easier post-production editing.
Better Anchor Positioning with position-area
James Stuckey Weber explores position-area, a powerful shorthand for CSS Anchor Positioning that simplifies placement while preventing overflow issues.
The web on mobile (a response)
A response to Jeremy’s critique: mobile web UX issues aren’t just on developers—business pressures and browser limits worsen the experience.
Clean Code vs. Philosophy of Software Design: Two Masters Debate
In their Sept 2024-Feb 2025 discussions, Martin and Ousterhout debate method length, comments, and TDD, revealing opposing views on code design.
It’s still worth blogging in the age of AI
Giles Thomas argues blogging retains value for learning, portfolio-building, and occasional connections, even as AI tools increasingly mediate content discovery.
Claude 3.7 Sonnet and Claude Code
Anthropic introduces Claude 3.7 Sonnet, a hybrid reasoning model for rapid or deep thinking, along with Claude Code, an AI-powered agentic coding tool.
And the river runs
Frank Reitberger’s third WebGPU experiment uses TSL and Three.js to create a real-time water simulation with shaders and procedural rendering.
Hexapod Simulator
An interactive 3D hexapod simulation using Three.js for visualization, inverse kinematics for movement, and smooth spline-based animations.
Solved by StyleObserver: Element.matchContainer()
Martin Winkler's match-container polyfill brings Element.matchContainer() to JavaScript, enabling real-time detection of Container Query changes using StyleObserver.
This page is under construction
A passionate call from Sophie Koonin to reclaim the web’s creativity—build personal sites, embrace individuality, and break free from corporate platforms.
Lessons from an AI-assisted site migration
Tom Bennet shares lessons from migrating Tom’s Carnivores to Astro, where AI streamlined repetitive tasks but struggled with complex coding challenges.
Vietnamese Graphic Design
A growing archive of Vietnamese graphic design, aiming to document and celebrate its history despite limited accessible resources.
Running Pong in 240 Browser Tabs
Nolen Royalty hacks Pong into 240 browser tabs, syncing movement across favicons and canvases while solving throttling and tab communication challenges.
An Emoji Naming Convention
Adam Argyle proposes using emojis in CSS naming for clarity but questions its practicality for readability and accessibility.
Liquid Metal by Paper
Liquid Metal is an open-source tool by Paper that lets you transform your logo into a liquid metal effect, inspired by Apple's design.
Record
Addy Osmani launches Record, a free, open-source browser-based screen recorder with camera support, teleprompter, and MP4 export—no installs needed!
The World’s Largest Search Doesn’t Want You to Search
Ted Gioia argues that Google has shifted from being a true search engine to prioritizing AI content, user retention, and ad revenue at the expense of search quality and trust.
Mastra
A TypeScript AI framework with agents, RAG, workflows, and integrations, enabling fast AI app development with LLM model routing.
How To Use Chrome’s Developer Tools
Matt Zeunert provides a comprehensive guide to Chrome DevTools, covering essential and advanced debugging features for web developers.
Reimagining Fluid Typography
Miriam Suzanne challenges conventional fluid typography, exploring better ways to respect user preferences without relying on pixel-based assumptions.
Prada
MisterPrada's Three.js demo transforms a logo image into interactive particle-based geometry, featuring DOF effects with Simplex Noise.
Navigating the web platform
Patrick Brosset offers a concise cheatsheet for web developers on tracking new web platform features, browser updates, and ways to influence future developments.
Faux Containers in CSS Grids
Tyler Sticka explores "faux containers" in CSS Grid, showing how to create flexible layouts that break free from traditional boxy designs.
Otherlife Labs
Amelie Maia unveils Otherlife Labs, a hub for experimental web design, debuting with a high-fidelity WebGL virtual car showroom.
CSS Space Toggles
Jim Nielsen Explores CSS Space Toggles as a Solution to Light-Dark() Limitations for More Dynamic Theming.
XOR
Deep dive into XOR in logic, computing, and mathematics, covering properties, applications in cryptography, graphics, algorithms, and its role in game theory and algebra.
My Washing Machine Refreshed My Thinking on Software Effort Estimation
Chris Horsley compares a frustrating washing machine setup to software estimation, highlighting "unknown unknowns" that derail even routine tasks.
CSS @function + CSS if() = 🤯
Bramus explores CSS Custom Functions (@function) and the new CSS if() feature in Chrome Canary, showing how they enable advanced, flexible styling.
The Generative AI Con
Edward Zitron argues that generative AI is an overhyped con, fueled by inflated user metrics, media complicity, and corporate greed, with no real breakthrough or profitability in sight.
The hardest working font in Manhattan
Marcin Wichary uncovers the history and cultural impact of the Gorton font, from its industrial origins to its quiet ubiquity in Manhattan, blending history, design, and personal discovery.
New Junior Developers Can’t Actually Code
A critique of AI in coding, arguing junior developers rely on tools like Copilot without understanding fundamentals.
Learning web extensions
Chen Hui Jing explores the fundamentals of web extension development, covering manifest files, content scripts, background scripts, and key browser APIs.
How to start a React Project [2025]
Robin Wieruch compares Vite, Next.js, and Astro for React projects, weighing performance, flexibility, and rendering techniques to suit different needs.
Aspect Ratio Changes With CSS View Transitions
Jim Nielsen encounters a subtle CSS view transition bug and finds a one-line fix in Jake Archibald’s guide, gaining deeper insights into the feature.
Rethinking Find-in-Page Accessibility: Making Hidden Text Work for Everyone
Schepp explores how the hidden="until-found" attribute can improve find-in-page accessibility, making hidden text searchable and enhancing UX for assistive tech users.
trot
Robin Rendle explores switching from web dev to iOS, missing DevTools, loving SwiftUI animations, and rediscovering the joy of making without constraints.
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.
