evangelos, to random
@evangelos@libretooth.gr avatar

What is behind the perceived complexity of #webcomponents as a web standard?

Is there an article that addresses the reasons behind its design decisions?

MaxArt2501, to javascript
@MaxArt2501@mastodon.social avatar

A response to @cferdinandi 's recent post(s) on JavaScript and Web Components:
https://dev.to/maxart2501/javascript-is-not-the-problem-k4e

I know he didn't explain his position in details, so a 1800-word article sounds a little unfair, but I think dry and sharp statements need adequate context and analysis.

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

question: Who are you reading, watching or listening to when you want to know more about Web Components?

DavidDarnes,
@DavidDarnes@mastodon.design avatar

Also looking for juicy resources for . Let me know of any that you valued 😊

DavidDarnes,
@DavidDarnes@mastodon.design avatar

Thanks everyone for your #WebComponents people and resources recommendations! Watch this space as I'll be posting a bit more myself on the subject through the zeroheight blog and our other resources:

Blog: https://zeroheight.com/blog/
RSS: https://zeroheight.com/blog/feed
Resources: https://zeroheight.com/resources/

patrickfulton, to random
@patrickfulton@mastodon.social avatar

Hey folks: we just opened a senior staff engineer role on the Adobe Spectrum team to help lead development of the Spectrum Web Components project. Come work with me and wonderful, smart folks like @jnjosh, @garthdb, @castastrophe and others! https://adobe.design/jobs/job-posts/prototyping-and-engineering/r145802-sr-staff-design-engineer

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

New Web Component! <random-source>

"The random-source Web Component allows you to cycle randomly through different audio or video sources, utilising existing HTML elements and providing an elegant fallback experience.”

https://darn.es/random-source-web-component/

#WebComponents

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

New #WebComponents incoming 👀

pablolarah, to webdev
@pablolarah@mastodon.social avatar

💡🌖 But what about the shadow DOM?
by Chris Ferdinandi @ChrisFerdinandi @cferdinandi
#WebComponents #shadowDOM #webdev

https://gomakethings.com/but-what-about-the-shadow-dom/

leaverou, to random
@leaverou@front-end.social avatar

The 2023 results are finally out!

Enjoy insights from 22K responses about the state of the web platform, from HTML and interactivity to , PWAs, and a lot more.

This project is a monumental effort from people across the world. We even designed novel data collection UIs to gather the data we needed while minimizing friction, which I plan to write a case study about soon.

https://2023.stateofhtml.com/en-US

cssbasics, to random
@cssbasics@hachyderm.io avatar

More ways to instantiate : "Last week, we looked at different ways to setup the HTML in a Web Component. One of the challenges with running your code in the constructor() is that sometimes the custom element is created, but none of the nested HTML inside it is ready yet. We looked at a few different ways to fix that, but today, I wanted to share two more. Let’s dig in!" https://gomakethings.com/more-ways-to-instantiate-web-components/

pablolarah, to webdev
@pablolarah@mastodon.social avatar

🟢The wrong way to do Web Components
by Chris Ferdinandi @ChrisFerdinandi @cferdinandi
#WebComponents #webdev

https://gomakethings.com/the-wrong-way-to-do-web-components/

tylersticka, to wordpress
@tylersticka@social.lol avatar

I still have all of these issues with WordPress and portable patterns: https://cloudfour.com/thinks/wordpress-blocks-portable-patterns-and-pain-points/

But, it’s really heartening to see what the @enhance_dev project is doing to break down those barriers, as detailed here by @ryanbethel: https://begin.com/blog/posts/2024-05-03-portable-ssr-components

(I’ve updated my article to include a link.)

khalidabuhakmeh, (edited ) to webassembly
@khalidabuhakmeh@mastodon.social avatar

I thought I would take up the challenge of getting @enhance_dev working with with the ability to SSR web components directly into the request pipeline.

Yep... it works. TagHelpers make this nice and natural part of the web stack.

Update: You can try it out for yourself at this repo. https://github.com/khalidabuhakmeh/EnhanceWebComponents

stuffbreaker, to random
@stuffbreaker@mastodon.social avatar

The individual JSX types from the #webcomponents integration package are now exportable and the package now has a link to a sandbox you can play with!

https://www.npmjs.com/package/custom-element-jsx-integration

noleli, to random
@noleli@mastodon.social avatar

Ok fam, question for ya. A well-known limitation of ::slotted() is that it only selects direct children. I’m making a component that wraps nested lists and I want to apply styles to all child slotted <ul>s.

Is it reasonable to work around this by having the component have the parent document adopt a stylesheet?

pablolarah, to webdev
@pablolarah@mastodon.social avatar
jrjurman, to webdev
@jrjurman@fosstodon.org avatar

Another update to Tram-Deco 🎉

Been spending some time to make the project smaller, and make it easier to generate components for other projects! This wasn't possible previously, but with the newly released setHTMLUnsafe, we now can!

Also, new logo 🖌️

Check it out, and I'd love to know what you think of this way of creating Native Web Components!

https://github.com/Tram-One/tram-deco

#WebComponents #WebDev

mobileatom, to webdev
@mobileatom@flipboard.com avatar
pablolarah, to random
@pablolarah@mastodon.social avatar

🟡 How to get different Web Components to talk to each other (part 2)
by Chris Ferdinand @ChrisFerdinandi @cferdinandi

https://gomakethings.com/how-to-get-different-web-components-to-talk-to-each-other-part-2/

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Woops, accidentally did a #WebComponents talk at @heypresents #AllDayHey! 😬

chrisburnell, to random

📝 New Post: Web Components from early 2024

https://chrisburnell.com/note/early-2024-web-components/

Been really enjoying building Web Components this year! Here are a couple that I’ve built recently.

pablolarah, to webdev
@pablolarah@mastodon.social avatar

🟤🟡 How to detect when attributes change on a Web Component
by Chris Ferdinandi @ChrisFerdinandi @cferdinandi

https://gomakethings.com/how-to-detect-when-attributes-change-on-a-web-component/

kubikpixel, to webdev
@kubikpixel@chaos.social avatar

Buah-eh... until the TypeScript ran the way I had to have it for WebComponents it had taken me forever to search for libraries and I hadn't even started writing the code tests yet… 🤦‍♂️🤷‍♂️

#webdev #typescript #webcomponents #tests #codetests #web #dev #library

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

TIL you can use #WebComponents on Micro.blog

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • rosin
  • ngwrru68w68
  • Durango
  • DreamBathrooms
  • mdbf
  • magazineikmin
  • thenastyranch
  • Youngstown
  • khanakhh
  • slotface
  • everett
  • vwfavf
  • kavyap
  • megavids
  • osvaldo12
  • GTA5RPClips
  • ethstaker
  • tacticalgear
  • InstantRegret
  • cisconetworking
  • cubers
  • tester
  • anitta
  • modclub
  • Leos
  • normalnudes
  • JUstTest
  • All magazines