The #WebComponents CEM Validator just got an upgrade with improved logic for rule evaluation and better type checking when evaluating exported types.

#webdev #html #css #javascript
https://wc-toolkit.com/cem-utilities/cem-validator/

After spending a week at a tech conference talking about how #AI is disrupting our industry, it was interesting to hear James Gunn having the same conversation on Smartless about the entertainment industry.

https://www.smartless.com/episodes/episode/21426e52/james-gunn

Some changes in Storybook v9 and v10 removed the ability to log events in the "Actions" panel.

I updated the Web Components helpers to account for this. It's now built into the `template` helper, or you can manually log them.

#webdev #html #javascript #webcomponents
https://wc-toolkit.com/integrations/storybook#manually-logging-events

@cwilcox808 @patrick_h_lauke true! I believe this is a fixable problem, but until it is fixed, we should take necessary precautions to ensure our users can effectively use our solutions.

@aardrian great info! Thanks!

@westbrook correct

@Chronocide @westbrook that works!

@westbrook it will override content in the DOM, but not in attributes. `aria-labelledby` is fine, but doesn't always replace the need of visually hidden labels.

🌶️ HOT TAKE 🌶️

`aria-label` is not accessible because it doesn't support browser localization.

#a11y #l10n #i18n #webdev

It's weird to think about localization #l10n as a form of accessibility #a11y, but it makes sense.

#webdev #i18n

At first, I thought it was weird that @sveltejs surfaces #css variables as props, but I now I kinda like it...

https://svelte.dev/docs/svelte/custom-properties

I updated my Lit starter kit for building a web component library with all of the latest bells and whistles from the WC Toolkit. Give it a try and tell me what you think.

#webdev #html #css #javascript
https://github.com/break-stuff/lit-starter-kit

@mandrasch That's a really good callout! Thanks!

I also think this extends beyond accessibility, but also touches on #seo and #i18n.

Of course, @scottohara has an article on this! 🤣

I still need it because, like he mentions in the article, `aria-label` and `aira-labelledby` are subpar for many situations.

https://www.scottohara.me/blog/2023/03/21/visually-hidden-hack.html

In #css, why don't we have `display: screen-reader` yet?

Instead, every library implements some kind of visually hidden class to slap on everything.

The #WebComponents Toolkit JSX type generator has some exciting updates!

1. Strongly typed events (strongly types the `event.target`)
2. SolidJS type support

The SolidJS support includes their custom attribute prefixes like `attr:`, `prop:`, `on:`, etc.

#TypeScript #JavaScript #HTML
https://wc-toolkit.com/integrations/jsx/

Happy New Year! The #WebComponents @react wrappers have joined the WC Toolkit and have some nice upgrades, including:

- Strongly typed events
- CSS variable types for components
- Component and tag name formatting

#WebDev #JavaScript #html #css
https://wc-toolkit.com/integrations/react/

Happy holidays! I thought I'd sneak in a little gift for everyone with the #WebComponents Language Server for Zed! Enjoy!

https://wc-toolkit.com/integrations/zed/

@Suns yeah, I like this approach from Cory.

https://www.abeautifulsite.net/posts/how-i-use-git-hub-issues/

@Lukew I don't! That's why I have like 100 projects. 😅