enhance · @enhance_dev
433 followers · 124 posts · Server fosstodon.org
🖼️ Shadow DOM: Not by Default
Why doesn't Enhance advocate for diving straight into the shadow DOM, and how could you even write web components without using the shadow DOM?
by @macdonst
https://begin.com/blog/posts/2023-08-18-shadow-dom-not-by-default
🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸 · @schizanon
335 followers · 4724 posts · Server mas.toBut #WebComponents are #JavaScript which they would need to load *somehow*. Assuming we could get them to bundle it they'd still be giving our script free reign to manipulate the page anyway we see fit. We currently rely on some hacks to achieve #CSS isolation without #shadowDOM but other than that I'm not certain a #web #component would improve anything.
#component #web #shadowdom #css #javascript #webcomponents
Jared White · @jaredwhite
1712 followers · 2337 posts · Server indieweb.socialFor folks who like Hotwire Turbo 7 _and_ also like Declarative #ShadowDOM, you absolutely need this:
https://github.com/whitefusionhq/turbo-shadow
Latest release just tested, now supporting the new standard `shadowrootmode`.
Enjoy!
#webcomponents #webdev #shadowdom
Peponi · @pep0ni
59 followers · 668 posts · Server swiss-chaos.socialWeb Programmer be like :
> 8 SHADOW ROOT MISTAKES & HOW TO FIX THEM
ah yes
https://behindthechair.com/articles/8-shadow-root-mistakes-how-to-fix-them/
#rickrolling #webdevelopment #es6 #javascript #js #shadowdom #shadowroot #lol
#rickrolling #webdevelopment #es6 #javascript #JS #shadowdom #shadowroot #lol
🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸 · @schizanon
269 followers · 3397 posts · Server mas.toFollow Me! #introduction
#oregon #pdx #pnw #portland #sanFrancisco #sf #arkansas #cannabis #coffee #cycling #bike #eBike #fungi #mushrooms #unreal #videoGames #gaming #vr #retroGaming #rg35xx #sega #web #css #developer #frontEnd #fullStack #html #javaScript #js #webApps #webDev #aws #customElements #cypress #devops #graphql #lit #pwa #react #reactjs #serverless #shadowDom #webComponents #web3 #activityPub #bitcoin #blockchain #btc #crypto #cryptocurrency #filecoin #helium #hnt #icp #ipfs
#ipfs #icp #HNT #helium #filecoin #cryptocurrency #crypto #btc #blockchain #bitcoin #ActivityPub #Web3 #webcomponents #shadowdom #serverless #reactjs #react #pwa #lit #graphql #devops #cypress #customelements #aws #webdev #webapps #js #javascript #html #fullstack #frontend #developer #css #web #sega #rg35xx #retrogaming #vr #gaming #videogames #unreal #mushrooms #fungi #ebike #bike #cycling #coffee #cannabis #arkansas #sf #sanfrancisco #portland #pnw #pdx #oregon #introduction
Inautilo · @inautilo
106 followers · 264 posts · Server mastodon.social#Development #Challenges
How Shadow DOM and accessibility are in conflict · The current situation and what needs to happen next https://ilo.im/11add1 · by @sundress
_____
#WebDevelopment #WebDev #WebComponent #ShadowDOM #Accessibility #A11y #HTML #ARIA
#development #challenges #webdevelopment #webdev #webcomponent #shadowdom #accessibility #a11y #html #aria
Serhii Kulykov · @kulykov
376 followers · 187 posts · Server fosstodon.org📢 #WebComponents bookmarks update: #API #design.
If you're already familiar with basics, do check it out.
You'll find some useful tips and things to consider.
#webcomponents #api #design #customelements #shadowdom
Ryosuke Niwa · @rniwa
107 followers · 36 posts · Server mastodon.socialPeople complain about the complexity of shadow DOM today but let's remember that the original v0 API had multiple generations of shadow roots per host and ability to include an older shadow root via <shadow> element. #shadowdom #webcomponents
Elwin van Eede · @elwinvaneede
105 followers · 111 posts · Server mas.toIt’s so nice that Playwright has Testing Library style locators that actually work with Shadow DOM. One of the defining factors for us to choose Playwright over Cypress (the other being performance).
#shadowdom #webcomponents #testinglibrary #playwright
Estelle Weyl · @estelle
1460 followers · 262 posts · Server front-end.socialIf you want to learn how to write native custom elements, no framework, I wrote a thing. A pretty excellent thing.
https://web.dev/learn/html/template/
#customElements #vanillaJS #WebComponents #learnToCode #shadowDOM #shadowRoot #HTML #CSS
#customelements #vanillajs #webcomponents #learntocode #shadowdom #shadowroot #html #css
Inautilo · @inautilo
101 followers · 227 posts · Server mastodon.social#Development #Releases
Declarative Shadow DOM · Safari will support Shadow DOM, which is a part of Web Components https://ilo.im/112mum
_____
#WebDevelopment #WebDev #Browser #Safari #WebKit #API #JavaScript #ShadowDOM #WebComponent
#development #releases #webdevelopment #webdev #browser #safari #webkit #API #javascript #shadowdom #webcomponent
Ryosuke Niwa · @rniwa
107 followers · 36 posts · Server mastodon.socialhttps://webkit.org/blog/13851/declarative-shadow-dom/
Declarative Shadow DOM is in WebKit.
#webkit #webcomponents #shadowdom
🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸 · @schizanon
160 followers · 2067 posts · Server mas.toThere are honest reasons that people started using and still use #reactjs; I lived through Angular, and Backbone don't try to tell me there weren't reasons!
I still think we should re-evaluate those reasons, because things have changed; we have #ESModules now, #webcomponents #shadowdom etc.
I don't care about web performance, I just want to build websites with a team of people and not have a bunch of indeterminate UI behavior. React delivered the hell out of that, can the post-React stack?
#shadowdom #webcomponents #esmodules #reactjs
Ryosuke Niwa · @rniwa
107 followers · 36 posts · Server mastodon.socialWhat else is missing from shadow DOM / custom elements API? Accessibility support needs to be improved and selection API needs to be added but anything else?
#webcomponents #shadowdom #customelements
Serhii Kulykov · @kulykov
359 followers · 170 posts · Server fosstodon.org
📢 Web Components bookmarks project finally got a proper Home page! 🎉
- Projects about Web Components that I recommend,
- Other #opensource projects I'm proud to be part of.
Check it out and please #boost to spread the word if you like the project!
My goal is to make it an ultimate knowledge base about #CustomElements, #ShadowDOM and other #WebComponents standards.
#opensource #boost #customelements #shadowdom #webcomponents
Serhii Kulykov · @kulykov
359 followers · 170 posts · Server fosstodon.org📢 Web Components bookmarks project finally got a proper Home page! 🎉
- Featured projects related to #WebComponents,
- Other #opensource projects I'm proud to be part of.
Check it out and please #boost to spread the word if you like the project!
My goal is to make it an ultimate knowledge base about #CustomElements, #ShadowDOM and other standards.
#webcomponents #opensource #boost #customelements #shadowdom
Serhii Kulykov · @kulykov
359 followers · 170 posts · Server fosstodon.org📢 Web Components bookmarks project finally got a proper Home page! 🎉
- Featured projects related to #WebComponents,
- Other #opensource projects I'm proud to be part of.
Check it out and please #boost to spread the word - especially if you use #CustomElements and #ShadowDOM.
#webcomponents #opensource #boost #customelements #shadowdom
Serhii Kulykov · @kulykov
358 followers · 170 posts · Server fosstodon.org📢 Web Components bookmarks project finally got a proper Home page! 🎉
- Featured projects about #WebComponents
- Other #opensource projects I'm proud to be part of.
Check it out and please #boost to spread the word - especially if you use #CustomElements and #ShadowDOM.
#webcomponents #opensource #boost #customelements #shadowdom
Serhii Kulykov · @kulykov
356 followers · 169 posts · Server fosstodon.orgUpgraded #WebComponents bookmarks to @eleventy 2.0 beta and it went super smooth! Excited about the package-lock.json getting smaller as a result.
Also, added the #rss feed - subscribe for monthly updates on #CustomElements, #ShadowDOM and other related news (there's now a link in the footer):
#webcomponents #rss #customelements #shadowdom
Serhii Kulykov · @kulykov
356 followers · 169 posts · Server fosstodon.orgUpgraded #WebComponents bookmarks to @eleventy 2.0 beta and it went super smooth! Excited about the package-lock.json getting so much smaller.
Also, added the #rss feed - subscribe for monthly updates on #CustomElements, #ShadowDOM and other related news (there's now a link in the footer):
#webcomponents #rss #customelements #shadowdom