Original Content – Bram.us

~ Today I learned that CodePen supports Mermaid diagrams — Chris Coyier has a a whole collection with examples here — and I also learned that there is no custom element to easily include these in your markup … so I built one. ~ Looking at Chris’s demos, I…

https://www.bram.us/wordpress/wp-content/uploads/2026/09/animated-css-grid-2.mp4 Recording of the high-fidelity demo.

https://www.bram.us/wordpress/wp-content/uploads/2026/09/hic-pageflip.mp4 Recording of the demo. ~ Way back in 2005, I used a Flash PageFlip component to display a book on a website.

In CSS you can feature detect support for things like selectors, properties + values, and at-rules using @supports.

To target multiple classes that share the same prefix, you’d typically have to resort to adding an extra base classes to your markup or to using badly performing attribute selectors.

Adding a Dark Mode toggle to your website is a nice touch that many users appreciate.

https://www.bram.us/wordpress/wp-content/uploads/2026/08/scroll-axis-lock-comparison.mp4 Recording of the demo comparing what the browser does with and without scroll railing.

Screenshot of the visualizer, as deployed onto CodePen TIL: MDN exposes up-to-date page view data through https://popularities.mdn.mozilla.net/current.csv.

One of the things that we at Chrome have been thinking about for a while now is a way to do declarative route and navigation matching in CSS.

Me on stage at All Day Hey!