JPEG Compression — A highly technical breakdown that looks at the underlying mechanics of JPEG compression and file size reduction and how the techniques behind it all lean on the bias of human vision and perception.

Sophie Wang

📈 The 49MB Web Page — Would you be surprised if loading a news article led to 422 network requests and 49MB of data transfer? This post reflects on the problems that have led to this being a common experience on news sites.

Shubham Bose

Make Your Logs Queryable, Not Just Readable — When something breaks in production, "user checked out" tells you nothing. Learn how to swap console.log for structured, trace-connected logs with LogTape and Sentry, and get the context you need before users report it.

Sentry sponsor

Monitor and Improve Your Web App’s Load Performance — A new experimental ‘Network Efficiency Guardrails’ feature is available in Edge 146 that helps identify which resources, whether first or third-party, require optimization to improve load time. Feedback is being sought.

Flores, Huang, Brosset (Microsoft Edge)

contrast-color() Beyond Black and White — This up and coming function is limited to returning either black or white right now, but Una shows us how to work around this and have it return a much wider array of colors.

Una Kravets

Abusing Customizable Selects — A superb look at just how we can now transform standard HTML dropdowns thanks to the customizable select element. Fun demos aplenty here, including the above playing card variant.

Patrick Brosset

There is No “Wrong” in CSS — As CSS allows us to solve a myriad of problems in a myriad of different ways, Jens makes the case for why we can’t really write ‘wrong’ CSS. Four reasons are listed. Do you agree?

Jens Oliver Meiert

You Built the Frontend. Now the Team Wants a Mobile App — You don't need to learn Swift/Kotlin. Expo uses the React patterns you already know; and compiles truly native apps.

Expo sponsor

An Empirical Study of Frontend Memory Leaks — After running benchmarks and subsequent analysis of some five hundred repos, here’s a thorough look at the common patterns that often lead to memory leaks (broken down by framework).

Ko-Hsin Liang

Building Dynamic Toggletips with Anchored Container Queries — With Chrome 143 we can now use anchored container queries, and Daniel takes a look at a potential future use case in creating 'toggletips'. A solid tutorial in which you’ll learn about popovers, anchor positioning, and what they can unlock.

Daniel Schwarz

Building a Scroll-Reactive 3D Gallery with Three.js, Velocity, and Mood-Based Backgrounds — A look at how to create a neat scroll-driven WebGL gallery in Three.js (demo here) with depth-layered images, palette-driven backgrounds, and motion that responds to scroll velocity.

Houmahani Kane

Vite 8.0 Released — A notable release for the popular frontend build tool, with significant performance and compatibility gains. This version adds Wasm SSR support, browser console forwarding to the terminal, and new integrated Devtools.

Vite

Auth Components That Don't Fight Your Design System — Clerk Core 3 ships a visual theme editor. Adjust colors, spacing, typography, and borders with live previews.

Clerk sponsor

Astro 6.0 Released — Introduces a built-in Fonts API, the Content Security Policy API, support for Live Content Collections, and more.

Phillips, Stoppa, Lefebvre, Kane

📺 ArtPlayer: A Modern, Full-Featured HTML5 Video Player — There's a live demo here. It gets you quite close to a YouTube-like experience.

Harvey Zhao

Starwind UI: A Component Library for Astro, Styled with Tailwind — The author describes this as “shadcn/ui for Astro”, in reference to its seamless CLI integration. Includes 45+ free components covering a wide range of UI possibilities. Repo is here, and you can see the components in action in this theme builder.

Branden

The Color API: Color Conversion, Naming, Scheming & Placeholders — Described as a “Swiss army knife for color”. Try out the API using the site or use the API programmatically to convert between formats, generate color schemes, and create placeholder images on the fly.

Josh Beckman

What's My 'Just Noticeable Difference'? — Get ready to squint. This site tests your ability to spot subtle differences in color. It starts simple enough, but over the course of 40 rounds gets increasingly harder. Your success isn’t all down to your eyesight though, as what monitor you’re using plays a big part. There’s a related write up here that goes into more detail.

Keith Cirkel