#HtmlWebComponent

Inautiloinautilo
2025-01-29


QR code HTML web component · A handy way to add a QR code to a HTML link ilo.im/1622pq

_____

Inautiloinautilo
2025-01-19


Action Table · An HTML web component to make your table interactive ilo.im/160v1t

_____

Inautiloinautilo
2024-12-19


Getting oriented with HTML video · How to serve a clip in portrait or landscape format ilo.im/161hb7

_____

Inautiloinautilo
2024-12-19


Getting oriented with HTML video · How to serve a clip in portrait or landscape format ilo.im/161hb7

_____

2024-12-08

Could it possibly be made a #HtmlWebComponent (can't remember if that's still the term we're using @zachleat.com?) by having the stylable one wrap the built in one in a progressive enhancement fashion?

Inautiloinautilo
2024-08-07
Inautiloinautilo
2024-05-30


A common web component learning blunder · Why learning vanilla web components matters ilo.im/15z0ws

_____

Inautiloinautilo
2024-05-03


My approach to HTML web components · Naming, single responsibility, cross-component communication ilo.im/15ypqx

_____

2024-02-23

Based on feedback yesterday, I've updated the <aria-collapsible> #HTMLWebComponent examples page.

New feature: The component dispatches a `toggle` event similar to the `<details>` element, allowing authors to attach additional behavior based on specific use case and user needs.

💻 Code: github.com/jgarber623/aria-col

🧩 Demo: jgarber623.github.io/aria-coll

📦 Package: npmjs.com/package/@jgarber/ari

#WebComponent #WebComponents #ARIA #accessibility #a11y #ProgressiveEnhancement

2024-02-22

New #HTMLWebComponent to add to your #WebComponents collection: <aria-collapsible>

Generate progressively-enhanced collapsible regions using #ARIA States and Properties.

💻 Code: github.com/jgarber623/aria-col

🧩 Demo: jgarber623.github.io/aria-coll

📦 Package: npmjs.com/package/@jgarber/ari

#accessibility #a11y #ProgressiveEnhancement #WebComponent

Inautiloinautilo
2024-01-29


HTML web components on the server are great · Server-side HTML web components are easier to scale ilo.im/15xtg5

_____

Inautiloinautilo
2023-12-27


Shadow DOM is for hiding your shame · Light DOM is for the ideal, perfect structure. ilo.im/15i68u

_____

Inautiloinautilo
2023-12-13


Responsive video with HTML Web Components · How to extend native video behavior in priceless ways ilo.im/15xeja

_____

Inautiloinautilo
2023-12-01


A year working with HTML Web Components · How they could shape the future of web development.
ilo.im/15x9rt

_____

Inautiloinautilo
2023-11-20


An attempted taxonomy of Web Components · Lessons learned from building open-source Web Components ilo.im/15hcl8

_____

Inautiloinautilo
2023-11-18


HTML Web Components are just JavaScript? · What to expect from the fresh take on Web Components ilo.im/15h887

_____

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst