Mastodawn

The Great CSS Expansion, by @pavellaptev.bsky.social (@gitbutler.com):

https://blog.gitbutler.com/the-great-css-expansion

#css #anchorpositioning #popovers #modals #animations #transitions #forms

The Great CSS Expansion

CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. Here is exactly how much that saves, why these libraries were painful beyond their size, and what the platform still hasn't figured out.

Butler's Log

Frontend Dogma Mar 13

Getting Started With the Popover API, by @smashingmag:

https://www.smashingmagazine.com/2026/03/getting-started-popover-api/

#introductions #popovers #tooltips #apis #javascript

Getting Started With The Popover API — Smashing Magazine

What happens if you rebuild a single tooltip using the browser’s native model without the aid of a library? The Popover API turns tooltips from something you simulate into something the browser actually understands. Opening and closing, keyboard interaction, Escape handling, and much of the accessibility now come from the platform itself, not from ad-hoc JavaScript.

Smashing Magazine

Frontend Dogma Mar 2

Popover API or Dialog API: Which to Choose?, by @zellwk.bsky.social (@csstricks):

https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/

#popovers #modals #apis #accessibility #javascript

Popover API or Dialog API: Which to Choose? | CSS-Tricks

Choosing between Popover API and Dialog API is difficult because they seem to do the same job, but they don’t! After a bit lots of research, I discovered that the Popover API and Dialog API are wildly different in terms of accessibility and we'll go over that in this article.

CSS-Tricks

Frontend Dogma Jan 25

Popover Context Menus With Anchor Positioning, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/popover-context-menus-with-anchor-positioning/

#css #tooltips #popovers #anchorpositioning

Popover Context Menus with Anchor Positioning – Frontend Masters Blog

A context menu is like a tooltip in that it opens right next to the the thing that opened it. Here, we animate the opening and ensure it opens somewhere where it doesn't get cut off.

Frontend Dogma Jan 20

Better Defaults for Popovers, by @matuzo:

https://www.matuzo.at/blog/2026/better-defaults-for-popovers

#popovers #css #resets

Better defaults for popovers - Manuel Matuzovic

I recently added a rule to my reset style sheet UA+ that I wanted to share with you.

Manuel Matuzovic

Mike Smale Jan 2

Dilophosaurus assumes that this qualifies as brain surgery.

#DailyDilophosaurus #Dilophosaurus #Popovers #Dessert #Brians #Dinosaurs

Mike Smale Jan 2

Dilophosaurus assumes that this qualifies as brain surgery.

#DailyDilophosaurus #Dilophosaurus #Popovers #Dessert #Brians #Dinosaurs

Frontend Dogma Dec 27

Dealbreaker Bugs in Native Popovers, by @matuzo:

https://www.matuzo.at/blog/2025/deal-breaker-bugs-in-popovers

#accessibility #popovers

Dealbreaker bugs in native popovers - Manuel Matuzovic

I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

Manuel Matuzovic

Kat O’Brien Dec 25

Merry Christmas, Feliz Navidad, Bon Nadal to all! Last night, I celebrated Christmas Eve with some Catalan friends at the home of one. Today, having a quiet Christmas Day. The popovers turned out amazing.
#christmas #popovers #nadal #navidad