What You Need to Know About Modern CSS (2025 Edition) — An extensive walk through a list of things which are now valuable to know, because they are “pretty fresh or have enjoyed a boost in browser support”. Covers the popover attribute, the if() function, the new field-sizing property, and more. An excellent overview of what new stuff we should be paying attention to, along with pointers to what’s on the horizon.

Chris Coyier

Performance Monitoring Best Practices [Free Workshop] — Is your frontend ready for the holiday season? Get hands-on in this live workshop with Sentry for best practices for modern error and performance monitoring. Save your spot.

Sentry sponsor

🔎 The Web’s Most Tolerated Feature — Mike talks about the zoom property — once a non-standard IE-only feature, it has since gone on a 25 year journey of sorts to become a modern standard, and a part of Interop 2025. This post recounts that journey, highlighting how it now offers us unique layout capabilities.

Mike Pennisi

Wasm 3.0 Completed — The WebAssembly 3.0 standard is now ‘live’ (and already ships with most browsers). This notable release introduces various features that should improve JS interoperability, including 64-bit address spaces, garbage collection, exception handling, typed references, and more.

Andreas Rossberg

CSS offset and animation-composition for Rotating Menus — Shows us an efficient, relatively straightforward technique for creating circular/radial animated menus using CSS.

Preethi Sam

Your Images Are (Probably) Oversized — Are you using the sizes attribute on your img tags? If not, you may well be serving images that are much larger than necessary.

Reason Under Pressure

Secure Your Web App: A Developer’s Guide to Authentication — Learn modern auth & security best practices for frontend apps. Keep users safe and ship faster with fewer mistakes.

Clerk sponsor

We Keep Reinventing CSS, But Styling Was Never the Problem — States that repeated ‘reinvention’ of CSS goes beyond the scope of its original intention, asserting that we’ve now “spent years bolting on strategies to make it work”.

Den Odell

Is it Time to Un-Sass? — Jeff notes how CSS is now incorporating new features that first came to us through other third-party tools such as Sass, and how such a change marks a moment to stop and re-evaluate our technology decisions.

Jeff Bridgforth

Integrating CSS Cascade Layers to an Existing Project — Looks at how to approach integrating CSS Cascade Layers into an existing legacy codebase. Essentially, it’s about refactoring existing CSS to use cascade layers without breaking anything.

Victor Ayomipo

Chrome DevTools (MCP) for Your AI Agent — Google’s Chrome team has released a public preview of a new Model Context Protocol (MCP) server for bringing the power of Chrome’s DevTools to AI coding agents. This means tools like Claude Code, Gemini Code or Codex can debug web pages directly using Chrome and benefit from DevTools’ performance insights.

Bynens & Hablich (Chrome Developers)

WorkOS Connect Solves the Integration Pain Caused by API Keys in MCP — MCP tools need secure, delegated access. Replace API keys, which break user flows and lack scope, with OAuth 2.1.

WorkOS sponsor

repo2txt: Converts GitHub Repository Contents Into a Single Formatted Text File — Use it here. Useful for adding your site contents to an LLM prompt. Also has the option to upload a local directory and you can filter/select which files/extensions to include/exclude.

Abin Thomas

ASCIIFlow: A Web-Based Tool for Drawing ASCII Diagrams — The UI resembles your standard graphics editor with features like undo/redo, pan, etc., along with tools to draw arrows, lines, boxes, or even freeform, before exporting in plain text.

Lewis Hemens

Catalyst: A Next.js Starter Kit for Modern Web Apps — The stack includes Bun, Prisma, Tailwind, shadcn/ui, Husky, Biome, Auth.js, Stripe, Tabler Icons, and lots more.

Richard Kovacs

CSS Boilerplate: A Default CSS Structure for Projects of Any Size — A simple starter for a CSS file with its main feature being the user of the @layer at-rule for declaring cascade layers.

Manuel Matuzović

Kigen Color Generator: Create Modern Color Palettes for Your Design Systems — Use sliders to choose a base color, from which the tool will generate a palette that you can display using 9 algorithms, among other customizations. Download as SVG or copy in various formats.

kigen

Logoipsum: 100 Free SVG Placeholder Logos — A neat way to add a realistic looking logo to a design temporarily. Allows you to select from 10 different categories and you can interactively preview a chosen logo right on the site’s navbar.

Logoipsum