The other day I mentioned I might have accidentally written a web component framework powered by @vite Here I've written about said framework - https://mastodon.gamedev.place/@teskooano/114432752411496927
The other day I mentioned I might have accidentally written a web component framework powered by @vite Here I've written about said framework - https://mastodon.gamedev.place/@teskooano/114432752411496927
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
I think I've accidentally built quite a cool '#webComponent-as-a-plugin' system for the @teskooano UI - essentially two functions - one to register base components, and one to register full plugins, that are made up of one or more web components, functions and a controller. These components can self-register things like buttons in certain toolbars, or you can just add them as functions (like opening a new external URL). I'll post a bit more on it later
Just released: #teskooano new #webComponent based engine toolbar - a plugin toolbar that allows panels to register themselves with a button - so it;s much easier to add new features.
Is it possible to unregister or redefine a web component? The CustomElementRegistry doesn't support it, but does anyone know a workaround?
New blog post on integrating a #webcomponent in #astrojs : https://nerdpress.org/2025/02/07/obfuscatelink-web-component-in-astro/
Building a QR Code #HTML Web Component via https://mstdn.social/@scottjehl
#Design #Fun
EmojiStorm · Let it snow, or bring on the emoji party! https://ilo.im/161hqa
_____
#SnowFlakes #Emojis #Smileys #Flags #Symbols #WebComponent #WebDev #Frontend #HTML #JavaScript
@zachleat
It's not snowing here and is unlikely to this December - i have turned on the snow on my site anyway!
I’ve never had stress around putting all my #CSS for all of my #webComponent in their #shadowDOM… ask me anything.
@AmeliaBR @mia Oh, look, @Lukew is on that thread... What would help getting this spec'd/shipped? It's super awesome looking and would do some magic to #webComponent usage!!
@elly I wonder what @mia used when she recently made her #webComponent speaker deck elements?
Thanks for the mention @chriscoyier, however I feel like you're trying to set up me and @mia to battle it out on who can build the ultimate @codepen #WebComponent
https://blog.codepen.io/2024/09/30/chris-corner-web-combinements/
We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.
Feel free to check it out and let us know your feedback.
Got a #wdio test for a #lit #webcomponent running that is slightly more useful than the standard, auto-generated test.
Success, I guess
Major updates to Monkey Writr, my very serious text editor for infinite monkeys on a deadline:
Totally re-built in @eleventy 3, along with a newly published <monkey-write> web component that anyone can use! Monkey-write anything your heart can imagine!
github: https://github.com/mirisuzanne/monkey-write
npm: https://www.npmjs.com/package/@terriblemia/monkey-write
#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
Anyone know of an existing #WebComponent that does audio playlist progressive enhancement, something like this?
<play-list>
<audio-track>
<track-name for="track-1">My Track</track-name>
<audio controls id="track-1" src="…">
</audio-track>
…
</play-list>
(I haven't considered all the details here, just sketching. Should default to individual audio elements with browser UI, but add play-all features on top of that?)
Remember that time I made a perfect YouTube and Vimeo web component that is progressively enhanced and accessible and nobody said anything about it proving that it is indeed perfect?
That was cool.
https://adrianroselli.com/2024/06/youtube-and-vimeo-web-component.html
A lil’ #WebComponent to “Siri-ify” anything. https://codepen.io/noleli/pen/oNRGLwG