#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
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
#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
https://codepen.io/Jdevel/pen/abXRrbj
Quick proof of concept...
#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
#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