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

_____
#QrCode #Webpage #Website #WebComponent #HtmlWebComponent #WebDev #Frontend #HTML #CSS #JavaScript

#Development #Resources
Action Table · An HTML web component to make your table interactive https://ilo.im/160v1t

_____
#Data #Table #HTMLWebComponent #WebComponent #WebDev #Frontend #HTML #CSS #JavaScript

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

_____
#Video #WebComponent #HtmlWebComponent #ResponsiveDesign #WebDev #Frontend #HTML #CSS #MediaQuery

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

_____
#Video #WebComponent #HtmlWebComponent #ResponsiveDesign #WebDev #Frontend #HTML #CSS #MediaQuery

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?

#Development #Techniques
HTML web component with shadow DOM · Sometimes, a little shadow DOM can be a treat https://ilo.im/15zpwi

_____
#HtmlWebComponent #WebComponent #LightDOM #ShadowDOM #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript

#Development #Suggestions
A common web component learning blunder · Why learning vanilla web components matters https://ilo.im/15z0ws

_____
#ComponentFramework #WebComponent #HtmlWebComponent #Framework #WebPerf #WebDev #Frontend #HTML #JavaScript

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

_____
#WebComponent #HtmlWebComponent #ProgressiveEnhancement #WebDev #Frontend #DOM #HTML #CSS #JavaScript

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: https://github.com/jgarber623/aria-collapsible

🧩 Demo: https://jgarber623.github.io/aria-collapsible/example/

📦 Package: https://www.npmjs.com/package/@jgarber/aria-collapsible

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

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

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

💻 Code: https://github.com/jgarber623/aria-collapsible

🧩 Demo: https://jgarber623.github.io/aria-collapsible/example/

📦 Package: https://www.npmjs.com/package/@jgarber/aria-collapsible

#accessibility #a11y #ProgressiveEnhancement #WebComponent

#Development #Collections
Drab · A small but excellent collection of web components https://ilo.im/15xv9w

_____
#WebComponent #HtmlWebComponent #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript #Framework

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

_____
#WebComponent #HtmlWebComponent #WebDev #Frontend #HTML #JavaScript #Backend #WebServer

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

_____
#WebComponent #ShadowDOM #LightDOM #HtmlWebComponent #WebDev #Frontend #HTML #JavaScript

#Development #Techniques
Web Components · Custom HTML elements with lifecycle and state control https://ilo.im/15xfu5

_____
#WebDev #WebComponent #HtmlWebComponent #LightDOM #ShadowDOM #ProgressiveEnhancement #Frontend #HTML #JavaScript #Accessibility

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

_____
#WebDev #ResponsiveVideo #ProgressiveEnhancement #WebComponent #HtmlWebComponent #Frontend #HTML #JavaScript

@simevidas

https://codepen.io/Jdevel/pen/abXRrbj

Quick proof of concept...

#WebComponent
#HTMLWebComponent

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

_____
#WebDev #WebComponent #HtmlWebComponent #ProgressiveEnhancement #Frontend #HTML #JavaScript #Astro #Stellar

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

_____
#WebDev #WebComponent #JavaScriptWebComponent #HtmlWebComponent #ProgressiveEnhancement #Frontend #HTML #CSS #JavaScript #OpenSource

/ #software / #tutorial
🔍 #HTMLWebComponent by @jimniels

https://laravista.altervista.org/CatLink/links/176
🐱🔗 #catlink
#SoftwareTutorial

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

_____
#WebDev #WebComponent #HtmlWebComponent #ProgressiveEnhancement #Frontend #HTML #JavaScript