LegoJs v1.9.0 is out with more simplicity and more modern #JS to write #native #webcomponents
https://github.com/Polight/lego/pull/37#issuecomment-2803062579
Documentation will follow.

LegoJs v1.9.0 is out with more simplicity and more modern #JS to write #native #webcomponents
https://github.com/Polight/lego/pull/37#issuecomment-2803062579
Documentation will follow.
What is the most modern and bestest lightweight barcode reader (just the regular kind of barcodes, no need for anything fancy) #javascript #typescript #browser #WebComponents
#Development #Guides
Simplify sharing · How to make content sharing effortless on your website https://ilo.im/16350b
_____
#Sharing #Content #Webpage #ProgressiveEnhancement #WebComponents #WebDev #Frontend #HTML #CSS #JavaScript
Is there a CSS equivolent to JSDoc? It would be really nice to co-locate my docs next to my CSS variables in my web components.
Today, I'm excited to release the CEM Validator for your #webcomponents!
This is designed to be an automated check before your components go to production. I know there is a ton of stuff that can be added to this, but I decided to start small. Features include:
package.json validation
module and definition path validation
a check to ensure you are exporting all types for your APIs
a check to make sure the tag name is present for your components
In the DC area or close by? Come see my session "Future-proof your Web Apps with #WebComponents and #Lit" at #Frontrunners next Friday, March 21st. https://frontrunners.tech/ #typescript #javascript
Today, I'm excited to roll out the #webcomponents lazy loader tool!
This is great for environments where teams need to be able to drop in a <script> tag and begin building. The tool only loads what's on the page and progressively loads more as the page content changes. Other features include:
Eager loading
Dependency configuration
Tag scoping
Reduced FOUC settings
Runtime configuration
Ability to extend the component list
#html #css #javascript #webdev
https://wc-toolkit.com/adoption/lazy-loader/
Has anyone come across any #js lib that helps wire up points (times) in a video to functions? I'm probably going to roll my own, but just wondering if there is any good prior art. The task I have been set is to connect docs and videos together to form sort of tutorial content.
Today, I'm excited to add the #webcomponents Storybook Helpers to the WC Toolkit!
This comes with some new features over the previous version, including:
Performance improvements
Setting API category order
Story-level control over what APIs are displayed
#html #css #javascript #webdev
https://wc-toolkit.com/integrations/storybook/
The pixel editor I wrote to make the Memory Icons set is now rewritten as a web component (was a React app).
Refactored to support layering, multicolor, eye dropper, copy/paste, and various other features. Since memory icons are monotone it originally had a very simple feature set.
It works how one would expect with region updates on the canvas and several sprite caches to support large canvas sizes with a low memory footprint.
Forgot to tag
Over the weekend I built a web component "mini-framework" that uses signals, avoids decorators, and can use functional components. Would love it if anyone would try it out and let me know what you think!
(It uses preact/signals-core and lighterhtml under the hood)
I'm happy to roll out the new and improved CEM Inheritance package! This allows API data to be properly inherited in the Custom Elements Manifest for your #webcomponents.
A new feature is that you can now omit inherited APIs from the CEM using JSDoc tags. Enjoy!
The delivery in this article can feel a little heavy-handed, but I think there are some hard truths being told here - and not just for #ux.
#designsystems #javascript #webcomponents #html #css
https://uxplanet.org/why-i-stopped-applying-for-ux-jobs-and-why-you-likely-will-too-dfd336f254b1
I just noticed Rotten Tomatoes is rockin' some pretty serious #webcomponents!
I am very excited to announce the new and improved custom element Type Parser! It is designed to parse and store your #webcomponents API #typescript types in the custom elements manifest for better documentation and integration.
This is a significant upgrade from its predecessor as it has been rebuilt from the ground up. It can now parse complex types like generics and utility types.
The next item I've added to the web component toolkit is the custom JSDoc Tag plugin.
This allows you to add metadata to the component using JSDoc tags you define.
This seems like a good starting point for folks wanting to do some #lit development without drowning in the complexity of project setup. #javascript #web #webcomponents