Fosstodon

0 posts0 participants0 posts today

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Misconceptions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Misconceptions</a> Popping preconceived popover ponderings · Demystifying the HTML ‘popover’ attribute <a href="https://ilo.im/162th4" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162th4</a>_____ <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://mastodon.social/tags/Dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dialog</a> <a href="https://mastodon.social/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Modal</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ARIA</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Introductions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Introductions</a> HTML ‘command’ and ‘commandfor’ · The new attributes for the HTML ‘button’ element <a href="https://ilo.im/162kp7" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162kp7</a>_____ <a href="https://mastodon.social/tags/Buttons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Buttons</a> <a href="https://mastodon.social/tags/Dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dialog</a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Previews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Previews</a> The web needs anchored popovers · An ideal choice for almost every ‘menu’ and ‘tooltip’ <a href="https://ilo.im/162jsf" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162jsf</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Menus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Menus</a> <a href="https://mastodon.social/tags/Tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tooltips</a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://mastodon.social/tags/AnchorPositioning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AnchorPositioning</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Jakob MikschI am looking for a lightweight <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://mastodon.social/tags/compontent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#compontent</a> library for <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjs</a> , ideally compatible with <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a> <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwindcss</a> only with basic components like <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> <a href="https://mastodon.social/tags/dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dialog</a> <a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modal</a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> <a href="https://mastodon.social/tags/button" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#button</a> <a href="https://mastodon.social/tags/checkbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#checkbox</a> any tips?

Emmanuel 🌱Validation <a href="https://mamot.fr/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> sur <a href="https://mamot.fr/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a>Je prends le premier exemple de code fourni ici : <a href="https://html.spec.whatwg.org/multipage/popover.html#attr-popovertarget" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://html.spec.whatwg.org/multipage/popover.html#attr-popovertarget</a>Et je le colle dans le validateur <a href="https://validator.w3.org/nu/#textarea" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://validator.w3.org/nu/#textarea</a>Il me retourne du : Error: Attribute popovertarget not allowed on element button at this point.Et quelques lignes plus bas il me dit que popovertarget et popovertargetaction sont des attributs utilisables sur button.C'est quoi le problème ? 🤔 Le validateur n'est peut-être pas à jour ?

Habr[Перевод] Современные способы переключения контентаТот, у кого из всех инструментов есть только молоток, склонен на любую проблему смотреть, как на гвоздь. Абрахам Маслоу Мы склонны использовать знакомые решения. Когда речь заходит о переключении контента, мы обычно используем свойства display: none или opacity: 0 с добавлением JavaScript. Однако современный веб стремительно развивается, и, возможно, настало время рассмотреть другие подходы к переключению контента — узнать, какие нативные API на сегодняшний день поддерживаются, их достоинства и недостатки, а также некоторые нюансы, о которых мы могли и не подозревать (включая псевдоэлементы и другие малоизвестные вещи).<a href="https://habr.com/ru/companies/timeweb/articles/867142/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/timeweb/articles/867142/</a><a href="https://zhub.link/tags/timeweb_%D1%81%D1%82%D0%B0%D1%82%D1%8C%D0%B8_%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%B4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timeweb_статьи_перевод</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://zhub.link/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://zhub.link/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://zhub.link/tags/dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dialog</a> <a href="https://zhub.link/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> <a href="https://zhub.link/tags/details" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#details</a> <a href="https://zhub.link/tags/anchor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#anchor</a> <a href="https://zhub.link/tags/%D1%8F%D0%BA%D0%BE%D1%80%D1%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#якорь</a> <a href="https://zhub.link/tags/%D0%B2%D1%81%D0%BF%D0%BB%D1%8B%D0%B2%D0%B0%D1%8E%D1%89%D0%B8%D0%B5_%D0%BE%D0%BA%D0%BD%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#всплывающие_окна</a> <a href="https://zhub.link/tags/%D0%BC%D0%BE%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BE%D0%BA%D0%BD%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#модальные_окна</a> <a href="https://zhub.link/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modal</a>

pablolarah🔴🔵 Relatively New Things You Should Know about HTML Heading Into 2025 by <a href="https://front-end.social/@chriscoyier" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@chriscoyier</a> <a href="https://web.brid.gy/r/https://frontendmasters.com/" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@frontendmasters.com</a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/details" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#details</a> <a href="https://mastodon.social/tags/stylableSelects" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#stylableSelects</a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://mastodon.social/tags/Checkboxes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Checkboxes</a> <a href="https://mastodon.social/tags/NoOpenerNoreferrer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoOpenerNoreferrer</a> <a href="https://mastodon.social/tags/DeclarativeShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DeclarativeShadowDOM</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/ImportMaps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ImportMaps</a> <a href="https://mastodon.social/tags/inertAttibute" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#inertAttibute</a> <a href="https://frontendmasters.com/blog/bone-up-html-2025/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://frontendmasters.com/blog/bone-up-html-2025/</a>

kalvnL'usage des `popover` HTML comme alternative à l'attribut `title` qui n'est ni accessible ni utilisable sur mobile.Il y a tout de même encore quelques efforts à faire pour le positionnement et l'interactivité.🔗 <a href="https://htmhell.dev/adventcalendar/2024/22/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://htmhell.dev/adventcalendar/2024/22/</a><a href="https://mastodon.xyz/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.xyz/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a>

Jesús CuadraArtículo acerca de anchor positioning para posicionar elementos como dropdowns dentro del viewport y que no se salgan con css. Tether elements to each other with CSS anchor positioning  |  Blog  |  Chrome for Developers. <a href="https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning</a> · <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> <a href="https://mastodon.social/tags/positioning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#positioning</a> <a href="https://mastodon.social/tags/scroll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scroll</a>

Jesús CuadraArtículo acerca de popover API en html para hacer tooltips o dropdowns sólo con html y también con js sencillo. Future of CSS: Popover API - DEV Community. <a href="https://dev.to/link2twenty/future-of-css-popover-api-3ba0" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://dev.to/link2twenty/future-of-css-popover-api-3ba0</a> #<a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> <a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modal</a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> <a href="https://mastodon.social/tags/tooltip" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tooltip</a> <a href="https://mastodon.social/tags/article" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#article</a>

Hidde<a href="https://mastodon.social/@pepelsbey" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@pepelsbey</a> are you in Open UI Discord? I asked in the <a href="https://front-end.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> channel, turns out your example only does what you'd expect by coincidence, actual automagic positioning may still come but is complicated (thanks <a href="https://front-end.social/@kizu" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@kizu</a> for pointing that out)

pablolarah🗨️ Tooltip Best Practicesby Zell Liew @zellwk at <a href="https://mastodon.social/@csstricks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@csstricks</a> @csstricks.bsky.social <a href="https://mastodon.social/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tooltips</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dialog</a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> <a href="https://mastodon.social/tags/semantics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#semantics</a> <a href="https://css-tricks.com/tooltip-best-practices/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/tooltip-best-practices/</a>

pablolarah🟠🟡 Clarifying the Relationship Between Popovers and Dialogsby Zell Liew @zellwk.bsky.social at CSS-Tricks @csstricks.bsky.social <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://mastodon.social/tags/Dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dialog</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://css-tricks.com/clarifying-the-relationship-between-popovers-and-dialogs/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/clarifying-the-relationship-between-popovers-and-dialogs/</a>

Sebastian LasseThe <a href="https://digitalcourage.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://digitalcourage.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> API is really thrilling. We can combine it with <a> for the browser history but also with labels for inputs _inside the popover_ like<button popovertarget={authId}><label for={signinId}><Icon type="login" /> Sign In</label></button>And the popover will be opened and the tab "Sign In" opened at the same time./ <a href="https://chaos.social/@kubikpixel" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@kubikpixel</a>

KoenaComment réaliser un <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://mastodon.social/tags/Accessible" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessible</a> avec <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ARIA</a> ? Suivez cet excellent guide de <a href="https://mastodon.social/@SteveFaulkner" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@SteveFaulkner</a> <a href="https://buff.ly/4enZ56q" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://buff.ly/4enZ56q</a>

pablolarah🎉 The Popover API: Your New Best Friend for Tooltipsby Sjoerd Beentjes at De Voorhoede@devoorhoed <a href="https://fosstodon.org/@devoorhoede" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@devoorhoede</a> <a href="https://mastodon.social/tags/PopoverAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PopoverAPI</a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://www.voorhoede.nl/en/blog/the-popover-api-your-new-best-friend-for-tooltips/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.voorhoede.nl/en/blog/the-popover-api-your-new-best-friend-for-tooltips/</a>

Jens GrochtdreisHeute bin ich auf der <a href="https://mastodon.social/tags/unkonf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#unkonf</a> in Mannheim, veranstaltet von <a href="https://rheinneckar.social/@bitexpert" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@bitexpert</a> . In den letzten Jahren waren dort wenige Frontend-Entwickler. Ein guter Grund einmal wichtige Neuerungen im Frontend der letzten Jahre zu zeigen.Ich hoffe, ich schaffe alle Themen.<a href="https://grochtdreis.de/vortraege/neues-frontend-2024/index.html#/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://grochtdreis.de/vortraege/neues-frontend-2024/index.html#/</a><a href="https://rheinneckar.social/@unKonf" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@unKonf</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/DialogElement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DialogElement</a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> <a href="https://mastodon.social/tags/selektoren" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selektoren</a> <a href="https://mastodon.social/tags/customproperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#customproperties</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Comparisons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Comparisons</a> HTML dialog element vs. popovers · A look at their similarities, differences, and use cases <a href="https://ilo.im/1609qs" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1609qs</a>_____ <a href="https://mastodon.social/tags/DialogElement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DialogElement</a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://mastodon.social/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Modal</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

pablolarah💊 drugs button popoverby Steve Faulkner <a href="https://mastodon.social/@SteveFaulkner" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@SteveFaulkner</a><a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/WebStandards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebStandards</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ARIA</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://html5accessibility.com/stuff/2024/09/21/drugs-button-popover/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://html5accessibility.com/stuff/2024/09/21/drugs-button-popover/</a>

pablolarah💬 Over-Easy Anchor + Popover Mini Web Machineby Adam Argyle <a href="https://front-end.social/@argyleink" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@argyleink</a> at X: @ChromiumDev <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://youtu.be/ASb9vO3ARHo?si=yztzF51uDtc-AWJM" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://youtu.be/ASb9vO3ARHo?si=yztzF51uDtc-AWJM</a>

Recent searches

Search options

Administered by:

Server stats:

#popover