zachleat.com is one of the many independent Mastodon servers you can use to participate in the fediverse.

Server stats:

1
active users

@zachleat This looks really cool 🙌🏾

I really appreciate how readable the code for it is. I've been using your web components (e.g. details-utils, resize-asaurus) to learn how to build them from scratch

@hasanhaja Thank you Hasan! I just re-read the code after your comment and noticed/fixed a few issues 😅

@zachleat Inspired by your code and post, I gave writing and publishing my own web component a shot

🎪 Demo: hasancruk.github.io/cruk-carou
💾 Code: github.com/hasancruk/cruk-caro

In its current state, it's more of a toy project than something that's ready for production. I've learned so much putting that simple component together, and my understanding of the web component spec (mainly Shadow DOM) is getting more and more nuanced

hasancruk.github.ioCRUK Carousel Web Component

@hasanhaja looks great! Carousel is a great use case!

@davatron5000 Testimonial from the President of Web Components!!

@zachleat I don't need this, but I want to use it regardless because it's such a cool lil' tool. Nice work!

@zachleat when i got past the initial learnings on WC, i realized it was tempting to build comps that were DX at the expense of perf for users - so examples like this - i just freaking love. gonna start calling em Guilt Free Web Components ;)

@raymondcamden guilt free until you hit that next.js 200 KB performance budget (the bar is so low here 😅)

@zachleat Very cool, if I get the time I'll add the os="windows" property to it

@lucienimmink ha, and make it automatically switch based on user OS? 😅

@zachleat The default of the os property should do that. But in that case forget about Linux and the 1000+ window managers

@zachleat I haven’t delved into Shadow DOM’d custom elements yet (aka, Real Custom Elements by Real Developers™️) is it possible for the consumer site of this to change, say, the colours of the OS X icon circles? Or when a shadow root is used, is that it and you're restricted to the API (css custom properties) the author has created?