View Transitions Feature Explorer

By Chris Coyier on

It’s a generally good thing to know that browser support for browser features isn’t always quite a simple as yes or no. There can be sub-features involved as things evolve that roll out in browsers at different times. View Transitions is an example of that going on right now. There are “Same-Document View Transitions” supported […]

Junior Dev Tip: “Scroll Up”

By Chris Coyier on

Alex Riviere shares a quick story of a junior developer not looking in the right places for error messaging that would directly help them. … the tools do provide you with information most of the time. You genuinely just need to take a few extra seconds and read what it is saying.

chrome-devtools-mcp

By Chris Coyier on

I’m no expert here, but I understand an “MCP server” as a way to make an AI system a bit “smarter” by having more context and capabilities. I find AI coding agents pretty darn smart already particularly when they have your entire codebase and your instruction for context. But if you’re using it to build […]

closedby=”any”

By Chris Coyier on

I’m just hearing about the closedby=”any” attribute/value for <dialog>. HTML popovers have this “light dismiss” behavior where you can “click outside” to close them, but not dialogs (until this). I forked a previous demo to try it and it works great (in Chrome & Firefox, just waiting for Safari). I’ve been using a custom <ClickOutsideDetector […]

A11Y Linting HTML with CSS

By Chris Coyier on

Will Mendes has a bit of CSS to highlight accessibility issues on HTML elements. Things like missing alt text and labels that aren’t linked properly to inputs. If you want to try it out quick on a website, I wrapped it in a little injection JavaScript so you could paste it in the console wherever. […]