#Development #Approaches
Glossary web component · A slick way to add links and context to your content https://ilo.im/163pvz
_____
#Glossary #Content #Markdown #JSON #Popover #WebComponent #WebDev #Frontend #HTML #JavaScript

#Development #Approaches
Glossary web component · A slick way to add links and context to your content https://ilo.im/163pvz
_____
#Glossary #Content #Markdown #JSON #Popover #WebComponent #WebDev #Frontend #HTML #JavaScript
Version 0.2.0 of #teskooano is out!
Read about the release and the new #webComponent #JavaScript #framework I've written - now live on the site!
Also see the roadmap for upcoming plans
Just embedded #vue into a huge legacy web application with vue components (generates vue #webcomponent).
This is a big step, since now I can incrementally rewrite the whole UI.
Got a bit distracted while working on a side project and made a #WebComponent for some floating frosted glass.
This is a re-post since I don't see Keith on here:
Call to action for #WebComponent / #ShadowDOM fans: I've added an experimental flag to Firefox lifting the restriction on adoptedStyleSheets, meaning shadowroots can adopt `link.sheet` or `style.sheet`.
Please try this out, and let me know if you encounter issues!
https://github.com/w3c/csswg-drafts/issues/10013
Hey gang, good news, I'm back on my bullshit! By which I mean I made a new #WebComponent that exposes page statuses from @zeroheight on any website. Almost the perfect #DesignSystems tooling intersection if you ask me. Here's how I did it (bonus GitHub repo within):
https://zeroheight.com/blog/api-tutorial-add-page-statuses-to-any-website/
Building a QR Code #HTML Web Component via https://mstdn.social/@scottjehl
For the last few weeks I've been experimenting with the new @zeroheight API. As you can imagine, this opens the door for deeper integration with your #DesignSystems and zeroheight.
I've put together a tutorial which shows how you can use just a few lines of JavaScript to embed your release notes on any web page. And of course, I wrapped it into a handy #WebComponent. Enjoy
https://zeroheight.com/blog/zeroheight-api-tutorial-add-design-system-releases-to-any-website/
Dear #webdev folks, what's the cool kids way of "publishing" a #webcomponent Is it just npm?
I’ve never had stress around putting all my #CSS for all of my #webComponent in their #shadowDOM… ask me anything.
@elly I wonder what @mia used when she recently made her #webComponent speaker deck elements?
#TIL, (and I cannot find documented), but can easily replicate is that when a #WebComponent #CustomElement's `connectedCallback()` is called, `innerHTML` is undefined, UNLESS, you wait to define your custom element after DOMContentLoaded.
I wish there was a callback for a custom element that amounted to “the element has been loaded", but I can see that this doesn't necessarily make sense.
[Can't recreate in codepen since it runs all stuff after DOM loaded.]
https://gist.github.com/davetron5000/255ff81851c18a220fa73b329cd8ed4d
Check it out; a #webpage served from a #serverless #function that's distributed on #IPFS and executed on someone else's computer that is NOT a big-tech corpo!
https://noisy-answer-late.functions.on-fleek.app/
This is a #fleekFunction running on the #fleekNetwork, a #web3 #blockchain project. The #HTML is a #SSR #webComponent rendered by @enhance_dev