The Collective #900
Your weekly digest of dev & design links
Codrops Publication
February 24, 2025
Codrops is proudly hosted by Liquid Web—trusted for nearly a decade for performance, reliability, and scalability.
Olá, frontend friends! 👋
Wow, can you believe this is our 900th Collective? 🎉 We’re excited to share this milestone with you!
As always, we’ve curated a fresh roundup of the latest frontend news, links, and resources to inspire and inform you. Whether you're looking for new ideas or just something interesting, we hope you'll discover something exciting in this edition!
Happy exploring and here’s to many more! 💙
From our sponsor
Start learning AI in 2025
Keeping up with AI is hard – we get it!
That’s why over 1M professionals read Superhuman AI to stay ahead.
Get daily AI news, tools, and tutorials
Learn new AI skills you can use at work in 3 mins a day
Become 10X more productive
A growing archive of Vietnamese graphic design, aiming to document and celebrate its history despite limited accessible resources.
graphic-design / resource-directory
Nolen Royalty hacks Pong into 240 browser tabs, syncing movement across favicons and canvases while solving throttling and tab communication challenges.
game-development / javascript
Adam Argyle proposes using emojis in CSS naming for clarity but questions its practicality for readability and accessibility.
css / emoji
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.
webgl
🎥 Record
Addy Osmani launches Record, a free, open-source browser-based screen recorder with camera support, teleprompter, and MP4 export—no installs needed!
javascript / software-engineering / tool
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.
ai / opinion
🤖 Mastra
A TypeScript AI framework with agents, RAG, workflows, and integrations, enabling fast AI app development with LLM model routing.
ai / framework / typescript
Matt Zeunert provides a comprehensive guide to Chrome DevTools, covering essential and advanced debugging features for web developers.
article / chrome-devtools / performance
Miriam Suzanne challenges conventional fluid typography, exploring better ways to respect user preferences without relying on pixel-based assumptions.
article / css / typography
From our sponsor
There’s a reason 400,000 professionals read this daily.
Join The AI Report, trusted by 400,000+ professionals at Google, Microsoft, and OpenAI. Get daily insights, tools, and strategies to master practical AI skills that drive results.
👗 Prada
MisterPrada's Three.js demo transforms a logo image into interactive particle-based geometry, featuring DOF effects with Simplex Noise.
three-js / typography / webgl
Patrick Brosset offers a concise cheatsheet for web developers on tracking new web platform features, browser updates, and ways to influence future developments.
reference / web-standards
Tyler Sticka explores "faux containers" in CSS Grid, showing how to create flexible layouts that break free from traditional boxy designs.
css / tutorial
Amelie Maia unveils Otherlife Labs, a hub for experimental web design, debuting with a high-fidelity WebGL virtual car showroom.
webgl
Jim Nielsen Explores CSS Space Toggles as a Solution to Light-Dark() Limitations for More Dynamic Theming.
css / tutorial
➗ 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.
math / tutorial
Chris Horsley compares a frustrating washing machine setup to software estimation, highlighting "unknown unknowns" that derail even routine tasks.
opinion / software-engineering
Bramus explores CSS Custom Functions (@function) and the new CSS if() feature in Chrome Canary, showing how they enable advanced, flexible styling.
css / tutorial
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.
ai / opinion
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.
article / typography
A critique of AI in coding, arguing junior developers rely on tools like Copilot without understanding fundamentals.
ai / opinion / software-engineering
Chen Hui Jing explores the fundamentals of web extension development, covering manifest files, content scripts, background scripts, and key browser APIs.
article / css / javascript
Robin Wieruch compares Vite, Next.js, and Astro for React projects, weighing performance, flexibility, and rendering techniques to suit different needs.
article / astro / next-js / react
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.
article / css / view-transitions
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.
accessibility / article
📐 trot
Robin Rendle explores switching from web dev to iOS, missing DevTools, loving SwiftUI animations, and rediscovering the joy of making without constraints.
ios / opinion / productivity / software-engineering / web-vs-native
🎨 uchū
uchū is a color palette designed for internet lovers, using the OKLCH color space for precise, vibrant colors—crafted by NetOperator Wibby.
color-theory / css / tool
Hans-J. Boehm tackled the impossible: making a calculator that always gives correct answers. His brilliant approach powers Android’s superior math.
article / math / software-engineering
A thoughtful reflection on focus, deep work, and digital minimalism, blending personal experience with insights from books and productivity methods.
opinion / productivity / work-life-balance
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.