@stuffbreaker@mastodon.social avatar

stuffbreaker

@stuffbreaker@mastodon.social

Fun-loving coder and speaker. I love #webdevelopment, #webcomponents, and #designsystems. Creater of @kickstand_ui. I work @microsoft

This profile is from a federated server and may be incomplete. Browse more on the original instance.

stuffbreaker, to random
@stuffbreaker@mastodon.social avatar

The individual JSX types from the integration package are now exportable and the package now has a link to a sandbox you can play with!

https://www.npmjs.com/package/custom-element-jsx-integration

stuffbreaker, to random
@stuffbreaker@mastodon.social avatar

Storybook Helpers 2.0 have landed!

https://www.npmjs.com/package/wc-storybook-helpers

Changes include:

  • Storybook 8 support
  • Removed v6 support
  • A new sandbox for testing
  • Improved syntax and formatting when showing code
  • Updated configuration API

Check it out!

stuffbreaker, to CSS
@stuffbreaker@mastodon.social avatar

How are all the cool kids generating #css color palettes for their #designsystems these days?

stuffbreaker,
@stuffbreaker@mastodon.social avatar

@Di4na that's the issue I'm running into as well. There doesn't seem to be a good way to systematize the palette generation process.

stuffbreaker,
@stuffbreaker@mastodon.social avatar

@Di4na what would you say the requirements are?

westbrook, to webdev
@westbrook@mastodon.social avatar

I just shared my thoughts on @bkardell's Half Light library. Have you!?

https://github.com/bkardell/half-light/issues/1#issuecomment-1935083260

Join the conversation around opening the style API for Shadow DOM-bearing elements.

stuffbreaker,
@stuffbreaker@mastodon.social avatar

@westbrook @bkardell this is really interesting. I went down a similar thought process with this "open-stylable" shadow root idea people have suggested and I'm not sure it's the right approach either.

I like your "layer" idea. Would that be a default behavior or would web component authors need to enable that?

zachleat, to random
@zachleat@zachleat.com avatar

📮 New post:

The Good, The Bad, The Web Components

https://www.zachleat.com/web/good-bad-web-components/

A full crash course on the state of web components, where they fit in JavaScript frameworks landscape, and how to make use of them moving forward!

stuffbreaker,
@stuffbreaker@mastodon.social avatar

@zachleat Great post! I'm not super keen on the DSD (Declarative Shadow DOM) API because of the fact you have to define the template for each component instance, but the DCE (Declarative Custom Elements) API seems promising for scalably SSRing custom elements.

stuffbreaker, to random
@stuffbreaker@mastodon.social avatar

Maybe I'm missing something, but Declarative Shadow DOM kind of feels like a step backwards. Do you have to include the template every time you use the component?

stuffbreaker,
@stuffbreaker@mastodon.social avatar

@westbrook what is the next level of this feature?

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • megavids
  • magazineikmin
  • Youngstown
  • khanakhh
  • ngwrru68w68
  • slotface
  • ethstaker
  • mdbf
  • everett
  • kavyap
  • DreamBathrooms
  • thenastyranch
  • cisconetworking
  • rosin
  • JUstTest
  • Durango
  • GTA5RPClips
  • anitta
  • tester
  • tacticalgear
  • InstantRegret
  • normalnudes
  • osvaldo12
  • cubers
  • provamag3
  • modclub
  • Leos
  • lostlight
  • All magazines
    •