Inautilo1d ago

#Development #Techniques
Animating the HTML dialog element · A modern approach with native web APIs https://ilo.im/16dze5

_____
#HTMLDialog #Invokers #ViewTransitions #Animations #ProgressiveEnhancements #APIs #WebDev #Frontend #HTML #CSS #JavaScript

Animating The Dialog Element Using View Transitions

In this article we look at animating the <dialog> element using the View Transition API. We’ll follow progressive enhancement so it’s only used when supported and when the user allows animations to run.

Pqina
InautiloMar 3

#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.

CSS-Tricks
InautiloFeb 21

#Development #Proposals
Proposed for a browser :near() you · Nearby pointer detection via CSS https://ilo.im/16asp1

_____
#ModernCSS #Pointer #Effects #Invokers #Accessibility #Browsers #WebPerf #WebDev #Frontend #CSS

Potentially Coming to a Browser :near() You | CSS-Tricks

Danny has several ideas for how we could use :near(), a proposed pseudo-class that detects when the pointer is near an element.

CSS-Tricks
InautiloJan 27

#Development #Guides
More reasons not to use JavaScript · The Invoker Commands API is now in Baseline https://ilo.im/16a5gj

_____
#Buttons #HTML #Invokers #APIs #Browsers #WebDev #Frontend #JavaScript

More invoker commands, and more reasons not to use JavaScript please | pawelgrzybek.com

The Invoker Commands API moved the implementation of button click handlers upstream, from JS to the HTML, and now it is supported by all modern engines

pawelgrzybek.com
InautiloDec 8, 2025

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

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

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 - HTMHell
Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend [Unofficial]Sep 19, 2025

What You Need to Know about Modern CSS (2025 Edition)

https://fed.brid.gy/r/https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-2025-edition/

InautiloSep 16, 2025

#Development #Analyses
Do we still need custom components? · “Exciting developments are just around the corner.” https://ilo.im/166u3d

_____
#Invokers #WebComponents #WebAPIs #Browser #WebDev #Frontend #HTML #CSS #JavaScript

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.

LogRocket Blog
InautiloJul 9, 2025

#Development #Guides
What is HTML popover=hint? · Its function and relation to interest invokers https://ilo.im/1657qt

_____
#ModernCSS #Popover #Invokers #Tooltips #Chrome #Browser #WebDev #Frontend #CSS

una.im | What is popover=hint?

Learn about what exactly this new popover feature does and how it relates to interest invokers.

InautiloApr 14, 2025

#Development #Techniques
How to open and close HTML dialogs · You’ll use a little JS today but none in the future https://ilo.im/163b4u

_____
#Dialogs #Modals #Invokers #Browser #WebDev #Frontend #HTML #CSS #JavaScript

How to Open and Close HTML Dialogs | Aleksandr Hovhannisyan

Learn how to use the show(), showModal(), and close() methods to toggle an HTML dialog's visibility.

London Web StandardsFeb 25, 2025

#StopUsingJSForThat. Last week @keithamus came to #lwsFeb2025 to show us to new #HTML attributes, that will help you write less #JavaScript, command & commandfor. Find out more in what we believe to be the first ever talk, in the world, on HTML #invokers.

https://londonwebstandards.org/talks/everything-you-need-to-know-about-invoker-commands/

Everything you need to know about Invoker Commands | London Web Standards

command and commandfor attributes are a brand new web platform feature coming in 2025. Here's everything you need to know about them, plus some things you really don't.