#htmlwebcomponent — Public Fediverse posts

#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

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

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

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

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

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

#Development #Approaches
HTML Web Components: an example · There are Web Components that run before JavaScript https://ilo.im/15h1xl

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