Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend [Unofficial]In-N-Out Animations: Popovers (Part 2/3)
https://fed.brid.gy/r/https://master.dev/blog/in-n-out-animations-popovers-part-2-3/
Habr[Перевод] 10 веб-API, заменяющих многие библиотеки JavaScript
Современные браузеры тихо съедают экосистему JavaScript живьем. За последние несколько лет основные браузеры выпустили нативные веб-API, которые заменяют удивительно большое количество утилит, которые мы до сих пор устанавливаем по привычке. Тем не менее, многие разработчики продолжают использовать уже ненужные, но привычные библиотеки. Если зависимость всегда работала, она остается в стеке, даже если браузер уже умеет выполнять ту же работу. Такой подход обходится дороже, чем кажется. Каждый дополнительный пакет увеличивает вес сборки, затраты на обслуживание, частоту обновления версий и риск отказа от проекта в долгосрочной перспективе. Нативные API-интерфейсы стоят пользователям 0 КБ данных, работают глубоко в движке (часто вне основного потока (main thread)) и используют оптимизации, недоступные библиотекам.
https://habr.com/ru/articles/1015134/
#javascript #js #webapi #fetch #formdata #url #popover #clipboard #resizeobserver #viewtransitions
Inautilo#Development #Techniques
Building dynamic toggletips · A prime example for anchored container queries https://ilo.im/16bc8d
_____
#ModernCSS #AnchorPositioning #ContainerQueries #Toggletips #Popover #ProgressiveEnhancement #WebDev #Frontend #CSS
Building dynamic toggletips using anchored container queries
Anchored container queries are only available in Chrome 143 upwards right now, but here’s Daniel Schwarz to show you how to use progressive enhancement to build up to using that new capability in the context of position-aware toggle tips.
misryoum global news networkGetting Started With The Popover API — Smashing Magazine
https://misryoum.com/us/reviews/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...
#Getting #Started #With #The #Popover #API #Smashing #Magazine #US_News_Hub #misryoum_com
Paul Houle🎉 Getting Started With The Popover API
https://smashingmagazine.com/2026/03/getting-started-popover-api/
#web #www #popover #javascript #html #programming #software #ux #ui
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.
Neil MertonI’m certain this will become a good reference for the future #css #html #popover #dialog
https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/
https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/
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.
#Development #Comparisons
Popover API vs. Dialog API · “They seem to do the same job, but they don’t!” https://ilo.im/16b207
_____
#Popover #HtmlDialog #Accessibility #ARIA #Invokers #APIs #WebDev #Frontend #HTML #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.
JavaScript: заметка о свойствах source ToggleEvent и closedBy HTMLDialogElement
Привет, друзья! В этой небольшой статье я расскажу вам о новом свойстве события toggle - source , а также о новом атрибуте HTML-элемента dialog - closedby . Свойство source позволяет определять источник переключения видимости поповера (popover), а атрибут closedby позволяет декларативно управлять логикой закрытия dialog , но обо всем по порядку.
https://habr.com/ru/companies/timeweb/articles/984310/
#javascript #js #source #closedby #dialog #button #timeweb_статьи #popover #light_dismiss
Anchored Menus and a Lesson in Scoping
https://fed.brid.gy/r/https://frontendmasters.com/blog/anchored-menus-and-a-lesson-in-scoping/
Minoru SabaA Japanese TV news show recently featured all-you-can-eat popover(ポップオーバー) restaurants which left me wondering why anyone would want to stuff themselves with Yorkshire pudding sans gravy.
https://en.wikipedia.org/wiki/Popover
#popover #YorkshirePudding
OTOH found a Japanese wikipedia entry for Jam Roly Poly, so perhaps it's only a matter of time before the Roly Poly invasion...
https://ja.wikipedia.org/wiki/%E3%82%B8%E3%83%A3%E3%83%A0%E3%83%BB%E3%83%AD%E3%83%BC%E3%83%AA%E3%83%BC%E3%83%BB%E3%83%9D%E3%83%BC%E3%83%AA%E3%83%BC
...and Bird's Custard.🤔
https://en.wikipedia.org/wiki/Bird's_Custard
