Google's New Spam Policy for "Back Button Hijacking" — Starting in mid June, Google Search will begin penalizing sites that ‘hijack’ the back button. “Ensure you are not doing anything to interfere with a user’s ability to navigate their browser history”.

Chris Nelson (Google)

Every Refresh Button is a Data Layer Confession — Behind every slow dashboard is a pipeline syncing data to a second database. TimescaleDB extends Postgres so analytics runs on live data. No pipeline, no stale reads. Hypertables, 95% compression, continuous aggregates. Start building for free.

Tiger Data (creators of TimescaleDB) sponsor

Under the Hood of MDN's New Frontend — MDN is one of the most useful resources we turn to as frontend devs and it had a major facelift last year. This post digs into the architecture, why it opted to rebuild, and why React was removed in favor of a web components-based approach.

Leo McArdle (MDN)

🤖 Agentic Engine Optimization (AEO) — You’re familiar with SEO, but the idea of optimizing sites to be discovered and used by agents and other AI-adjacent tools is rapidly catching on too. Google’s Addy Osmani shares some pointers for the basic techniques involved.

Addy Osmani

SVG Filters Guide: Getting Started with the Basics — Explains how to set up SVG filters, along with filter regions, color interpolation, and more, all whilst getting consistent cross-browser results.

Ana Tudor

Squash and Stretch — Josh shares how he’s been taking cues from a set of classic Disney animation principles to make motion effects feel more satisfying. He details how he’s applied the techniques on the web, with the end result gaining an extra level of polish.

Josh W. Comeau

The Data Table That Doesn’t Get in Your Way — Handsontable is flexible, accessible, and built for complex use cases.

Handsontable sponsor

🤖 Why AI Sucks at Front End — A rant on the pros and numerous cons of AI design — stuff that’s trained on “ancient solutions, unoriginal UI patterns, and watered down junk”.

Adam Argyle

Unicode Variation Selectors — Did you know about the font-variant-emoji property? It provides a way to control whether a Unicode glyph or its emoji counterpart is displayed.

Matthias Zöchling

Name-Only @container Queries: A Solution to the Naming Wars — An introduction to name-only @container queries (in Safari only, for now). This addition makes naming much easier with a feature that improves scoping without adding specificity.

Saron Yitbarek (WebKit)

The Radio (Button) State Machine — Typically managing state with JavaScript is the right approach — but how would you go about doing it in CSS? Amit explores keeping the logic in CSS, via :has(), transforms, variables, etc. A curious bit of experimentation if nothing else.

Amit Sheen

Container Query Typography Systems — Begone breakpoint-based type scales! Here’s how to use container queries and the :has selector to create container-based scales.

Matt Waler

The Intl API: The Best Browser API You’re Not Using — Or maybe you are. Either way, here's a neat primer to what you can do with Intl.

Kilian Valkhof

Charcuterie: Visually Explore Unicode Characters — A browser-based smorgasbord of Unicode characters and emojis, all sorted by their ‘visual similarities’. Click around to get the idea or you can type (or draw!) your own character in the fields at the top to find the right character for your use case.

David Aerne

og-check: Test OpenGraph Locally Before You Go Public — If you’re building locally, tools like Facebook’s Sharing Debugger won’t work, but this new command line tool lets you test your OpenGraph tags locally and see what the public will see before you deploy it.

Simon Hartcher

Lock Down User Identifiers After Sign-Up With One Toggle — Clerk now lets you prevent end users from modifying their email, phone, or username after they've signed up.

Clerk sponsor

🕹️ Phaser 4.0: The 2D WebGL/Canvas-Based Game Framework — The widely used game framework celebrates thirteen years with a major release focused on perf/efficiency improvements, as well as skills files so AI agents can build modern Phaser apps. There are hundreds of demos to show it off.

Phaser Studio Inc.

oklchanger: A VS Code Extension to Convert Colors to OKLCH — Has support for converting color keywords, hex, RGB(A), HSL(A), Lab, and LCH, done via the command palette.

Silvestar Bistrović

SLITSCANNER: Image and Text Distortion Art Creation Tool — If you’re familiar with slit-scan photography, this will make sense. Upload an image, set some scan settings, then move the image around while the ‘scanning’ takes place, to get the effect. A neat aesthetic for background images, perhaps.

Matt Soria

delphitools: 40+ Simple Online Tools — A charming collection of “small, low stakes and low effort tools”. Like a watermarker, palette generator, background remover, image converter, SVG optimizer, line-height calculator, Tailwind CSS shade generator, and many more. All with no logins or tracking.

Ruby morgan voigt