Where to draw the line with browser support

A Framework for Evaluating Browser Support — If you find yourself trying to figure out where to draw the line when it comes to browser support, Josh has some advice, sharing the deciding factors he uses when it comes to CSS features. He notes that although this post focuses on CSS, the framework is applicable to modern JavaScript and HTML features too.

Josh W. Comeau

Tailwind CSS v4.0 Now in Beta — The long awaited beta for version 4 of the popular Tailwind CSS styling framework is out, with a new engine resulting in 5x faster full builds, a unified toolchain, CSS-first configuration (yes, you can say goodbye to noodling with tailwind.config.js!) and more. All the information you need is in the docs here.

Adam Wathan

Master Performance and Speed Up Your Site — This detailed video course shares the fundamentals of web performance, covering key Core Web Vitals metrics such as Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP). You'll learn how to best use Lighthouse, WebPageTest and other tools in order to make your site lightning.

Frontend Masters sponsor

📙 Tutorials, Articles & Opinion

Make Creative Borders with background-clip: border-area — Safari is first out of the gate with support for background-clip: border-area, available now in Safari Technology Preview and in Safari 18.2 beta. It lets you fill a border with a background image or gradient. This article explains how it works, and shows up the possibilities in seven demos.

Jen Simmons

📈 Designing (and Evolving) a New Web Performance Score — Harry has been working on a way to compare performance between sites, resulting in a new metric dubbed ‘CrRRUX ‘(Chrome Relatively-Ranked User Experience). It aims to simplify competitor analysis into a single number, reflecting real user experiences across a given a cohort of sites. A clear indicator of performance in the context of your peers.

Harry Roberts

Create Printable Surveys and Forms in No Time — Need to generate custom PDF forms? With SurveyJS, you can build and export fillable or read-only forms, even with responses!

SurveyJS sponsor

▶  How Browsers Really Load Web Pages — A deep dive into how browsers decide when to load a specific resource, and all the ways in which you can influence them to modify their behaviour.

Robin Marx

The CSS Reset Contradiction — Makes the case that resets have become a commodity, resulting in an assumption that there’s a general need for them, which in turn nibbles “at the craft of frontend development”.

Jens Oliver Meiert

🕹️ Netlify Celebrates 5 Million Developers — Netlify is now used by over five million developers — and they’ve marked the occasion with a Marble Madness style browser experience/game.
Netlify

‘We Were Wrong’: An Oral History of WIRED’s Original Website
Virginia Heffernan

What We Learned Migrating from Webpack to Vite
Roman Zaynetdinov

🦋 Using Bluesky Posts as Blog Comments
Emily Liu

🔧 Code, Tools & Resources

Vite 6.0 Released — The popular build tool has rapidly found itself at the heart of the frontend ecosystem with its combo of speed, simplicity and extensibility. v6 doubles down on these and has a variety of enhancements.

Vite

📊 Tremor: React Components for Building Dashboards — Built with React, Tailwind CSS, and Radix UI, you can use Tremor by either copy and pasting the components or via their npm package. You get all the typical dashboard UI elements like charts, progress indicators, activity trackers, accordions, tables, etc.

Tremor Labs

AuthKit: The World’s Best Login Box — Powered by WorkOS & Radix — AuthKit is a complete solution for authentication, authorization, and user management. It’s free up to 1 million MAUs and comes standard with RBAC, bot protection, MFA, and more.

AuthKit sponsor

SVG Spinners: 100+ Open Source SVG Loading Spinners — You can view them all in action here. They’re built with CSS and SMIL, are easy to customize using currentColor, and you can include them as inline SVGs or download directly.

Shubham Jain

HTMLrev: A Categorized Directory of Frontend Templates — We’ve featured this before, but it’s now home to over 1,500 templates. The site itself doesn’t hold any templates, but links to third party resources, and lets you filter down to what you’re looking for.

HTMLrev

Diff Text: A Simple Online Diff Checker Tool — Lets you compare by words, characters, or lines and you can toggle show all lines or only changed lines.

Spencer Smith

Spoiled: A Realistic 'Spoiler' Component for React — The homepage is a live demo. A neat way to keep things hidden until a user wants to see them. Powered by the CSS Painting API with a static image fallback. GitHub repo.

Alexey Taktarov

📊 One Dollar Stats: Web Analytics Alternative — An interesting idea from the folks behind Drizzle ORM.
Drizzle Team