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 acces…

Getting Started With the Popover API, by @smashingmag@mastodon.social:

www.smashingmagazine.com/2026/03/getting-started-...

#introductions #popovers #tooltips #apis #javascript

PERFECT POPOVERS The world is in shambles, and the planet is falling apart. Russia is going to "get" Ukraine, and they don't care how many people they slaughter in the process. Yellow Jackets are trying to nest in our bird feeders, so the birds will have to go hungry until the swarming is finished -- and it's supposed to snow tomorrow. This is what a popover in a popover cup looks like after baking…

PERFECT POPOVERS
#Recipe #Baking #Popovers

Popover API or Dialog API: Which to Choose?

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

css-tricks.com/popover-api-or-dialog-ap...

#popovers #modals #apis #accessibility #javascript

Popover Context Menus with Anchor Positioning 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.

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

frontendmasters.com/blog/popover-context-men...

#css #tooltips #popovers #anchorpositioning

Better defaults for popovers - Manuel Matuzovic I recently added a rule to my reset style sheet UA+ that I wanted to share with you.

Better Defaults for Popovers, by @matuzo@front-end.social:

www.matuzo.at/blog/2026/better-default...

#popovers #css #resets

A green Dilophosaurus with brown spots stands over a bisection of a popover at dinner and studies the dough forms within as though they were a brain. The popover innards are golden coloured and do have some resemblance to the lopes of a brain. A red plate with white floral patterns sits beneath both Dilophosaurus and the pastry. The blue edge of a paper plate is on the far right edge of the photo. The prongs of a fork are barely seen in the lower left corner.

Dilophosaurus assumes that this qualifies as brain surgery.

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

Dealbreaker bugs in native popovers - Manuel Matuzovic I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

Dealbreaker Bugs in Native Popovers, by @matuzo@front-end.social:

www.matuzo.at/blog/2025/deal-breaker-b...

#accessibility #popovers

Top layer troubles: popover vs. dialog - HTMHell A collection of bad practices in HTML, copied from real websites.

Top Layer Troubles: Popover vs. Dialog, by @5t3ph@front-end.social (@matuzo@front-end.social):

https://www.htmhell.dev/adventcalendar/2025/1/

#css #positioning #popovers #modals

Controlling dialogs and popovers with the Invoker Commands API - HTMHell A collection of bad practices in HTML, copied from real websites.

#Development #Introductions
Controlling dialogs and popovers · The power of the Invoker Commands API ilo.im/168z16 by Aubrey Sambor

_____
#Invokers #HtmlDialog #Popovers #API #Polyfill #Browser #WebDev #Frontend #HTML

NoLoJS: Reducing the JS Workload with HTML and CSS With web performance, less is typically more: When possible, send less data, make the browser do less. Here are several examples where you can replace common JS patterns with HTML and CSS.

NoLoJS: Reducing the JS Workload With HTML and CSS, by @aarontgrogg@mastodon.social:

calendar.perfplanet.com/2025/nolojs-reducing-js-...

#html #disclosurewidgets #forms #modals #popovers

Controlling dialogs and popovers with the Invoker Commands API - HTMHell A collection of bad practices in HTML, copied from real websites.

Controlling Dialogs and Popovers With the Invoker Commands API, by @starshaped@labyrinth.social (@matuzo@front-end.social):

https://www.htmhell.dev/adventcalendar/2025/7/

#modals #popovers #apis #attributes #html

What Are Invokers? Interactivity Without JavaScript, by @tolin.ski (@syntax.fm):

https://www.youtube.com/watch?v=1NRx7PVupbQ

#videos #javascript #html #popovers

#FoodSky
#What'sCooking
#Popovers
#Cheese
#Snack
#Breakfast

🍽️🍜
Popover batch featuring extra-sharp cheddar and Pecorino-Romano today. ❤️

#BlueSkyArtShow #Warmth #Photography #Baking #EastCoastKin #Popovers

#FoodSky
#What'sCooking
#Popovers
#StrawberryRhubarb
#Snack
#Dessert

🍽️🍜
Popover batch today ready for homemade strawberry-rhubarb jam. 🍓❤️

#FoodSky
#What'sCooking
#Popovers
#Raspberries
#Snack
#Dessert

🍽️🍜
Second popover batch with 10x sugar to go with raspberry compote and café au lait. Such a decadent breakfast. 😉☕

#FoodSky
#What'sCooking
#Popovers
#Snack
#Dessert

🍽️🍜
Popovers with 10x sugar to go with hot chocolate. 🍫❤️
🍜🍽️

I would visit the park in October year after year . I love the friendly atmosphere and th #PopOvers at the #JordanPondHouse
The best leaves and almost always great weather.
Sorry #Maine about all the money I will not be spending on my way driving up to the park. 😐 plus speeding tickets 🎟️

What You Need to Know about Modern CSS (2025 Edition) If you thought 2024 was packed with amazing new CSS, well, you're right. But so is 2025 and it keeps looking bright. Check out our list of the best stuff with easy-to-reference examples.

What You Need to Know About Modern CSS (2025 Edition), by @chriscoyier@front-end.social (@frontendmasters.com):

frontendmasters.com/blog/what-you-need-to-kn...

#css #animations #popovers #functions #forms

Can native web APIs replace custom components in 2025? - LogRocket Blog See how native web APIs like dialog, details, and the Popover API simplify accessibility, reduce dependencies, and replace custom components.

Can Native Web APIs Replace Custom Components in 2025?, by @dxnny.fun (@logrocket.bsky.social):

blog.logrocket.com/can-native-web-apis-repl...

#apis #components #webplatform #disclosurewidgets #popovers

#FoodSky
#What'sCooking
#Breakfast
#Popovers
#Lunch
🍽️🍜

Popovers II. ♥️ 🍜🍽️

#FoodSky
#What'sCooking
#Breakfast
#Popovers
#Lunch
🍽️🍜

Morning popovers. ♥️ 🍜🍽️

HTML popovers shown on interest should be accessible on mobile devices | utilitybend A new HTML feature, popover=hint, lets developers create hover-triggered popovers. This article is all about the accessibility on touch devices.

HTML Popovers Shown on Interest Should Be Accessible on Mobile Devices, by @utilitybend@front-end.social:

utilitybend.com/blog/html-popovers-shown...

#html #popovers #mobile #usability

The Shirt of the Summer That No One Knows About Nothing scratches that summer itch quite like the best men’s popover shirts. The woven hybrid style, which combines the casualness of a polo with the placketed appeal of a button-up shirt, is tailored-made for high summer style, when priorities (also: weather) make the hard shift from “get a ‘fit off” to “get a neck fan […] The post The Shirt of the Summer That No One Knows About appeared first on InsideHook.

🥐✨ 30 ways to fill a popover—yes, thirty.
From honey butter to Nutella & strawberries… or go full savory with the Avocado Jack (chicken, avo, pepper jack—the works).

#Chronicle5 #WCVB #Popovers #PopoversAtChurchSquare #Wellesley #Boston #BostonFood

una.im | What is popover=hint? Learn about what exactly this new popover feature does and how it relates to interest invokers.

What Is “popover=hint”?, by @una@front-end.social:

https://una.im/popover-hint/

#html #attributes #popovers

Creating an Auto-Closing Notification With an HTML Popover

Creating an Auto-Closing Notification With an HTML Popover, by @preethisam.bsky.social (@csstricks@mastodon.social):

css-tricks.com/creating-an-auto-closing...

#notifications #popovers #html

Strawberry popovers made with. Berries from the farms d local eggs #breakfast #smallfarmlife #farmtofork #eatthis #localfood #cooking #popovers #strawberries #strawberry #foodporn #food

Updates to Popover and CSS Anchor Positioning Polyfills

Updates to Popover and CSS Anchor Positioning Polyfills, by @jamessw@front-end.social (@oddbird@front-end.social):

https://www.oddbird.net/2025/05/06/polyfill-updates/

#css #polyfills #popovers #anchorpositioning

🍓🍮Happy National Raspberry Popover Day! 🍓🍮

Light, fluffy, and bursting with juicy raspberries. Raspberry popovers are the perfect mix of crispy and custardy goodness!

#holidaylicious #holidaylish #holidaychannel #raspberrypopoverday #raspberry #berrydelicious #popovers #bakinglove #dessertlover