New web component dropped: <browser-window>
Fake some Safari-esque browser chrome in a demo or web-based slide deck.
Blog post: https://www.zachleat.com/web/browser-window/
Demo: https://zachleat.github.io/browser-window/demo.html
Code: https://github.com/zachleat/browser-window/
@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
I appreciate it more now! Thank you
@zachleat Inspired by your code and post, I gave writing and publishing my own web component a shot
Demo: https://hasancruk.github.io/cruk-carousel/demo.html
Code: https://github.com/hasancruk/cruk-carousel
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
@hasanhaja looks great! Carousel is a great use case!