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.
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)
This @syntax_fm episode was awesome! I didn't know that Home Assistant was a thing and that it was built using #webcomponents! 
https://syntax.fm/show/880/creator-of-home-assistant-web-components-self-hosting-and-home-hacking
It looks a little stale, but it's always fun to stumble across #designsystems built with #webcomponents. This one is for the state of California.
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!
post: Making of a book widget
In the monthly notes posts I like to include books that I've finished since the previous notes post. To keep it uniform I decided to make a widget on train between Ljubljana and Maribor.
I created a page on my site to show the features around Admin Bar Component: https://wbrowar.com/web-components/admin-bar-component
The fun thing is because my site used Admin Bar for the Craft CMS side of things I already had the JS and CSS loaded up to show off as examples on the page 
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.
On one hand, the listener is attached to `this.mq`, which is an instance member of the WC, so there should be no need to clean up.
On the other hand, the MediaQueryList object returned by matchMedia() presumably has external references (e.g., to `document`), so you do need to remove the listeners.
After testing it, the answer is yes, you do need to clean up by removing the change event listeners.
2/2
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
The “wut”s won by a mile, so I guess I should explain when and why I’m using
```css
slot { all: inherit; }
```
️@khalidabuhakmeh It's been great. Lead the https://opensource.adobe.com/spectrum-web-components project where we helped Photoshop and Express move to the web with #webComponents and more recently have been working on a brand new company that's building everything with them from the group up.
Certainly a skill based tool, but the skills are so much more generally applicable that other things I've worked with and easier to eject from if you ever really wanted/needed to.
What have you been building?
Anyone building #webcomponents with #lit? What has your experience been?
With this new initiative, I'm happy to be open-sourcing my tools for working with the Custom Elements Manifest! These are a series of generic functions and types for accessing and transforming data from the CEM for use in your projects. #webcomponents
I have a couple of big things planned this year. The first is to move all of my open-source #webcomponents tools under one banner to make them more official and easier to find. Today I am excited to release the Web Components Toolkit!
post: Passing functions between Angular and lit.js
This post covers an edge case of passing a function to a web component created in lit.js inside an Angular applications.
https://www.sarahgebauer.com/post/passing-functions-between-angular-and-litjs
jschof 
Sarah 
