Login

Recent searches

No recent searches

Search options

Only available when logged in.
masto.ai is one of the many independent Mastodon servers you can use to participate in the fediverse.
A general Mastodon server for all languages.

Administered by:

Server stats:

2.1K
active users

masto.ai: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.4

#webcomponents

3 posts3 participants0 posts today
Public *
Lea Rosema

What's the best way to provide default styles for a web component?

like: most web components do have `display: inline` but sometimes a display: block; would be better.

I guess my approach would be to never set any styles at all in the JS and say: the defaults are what the user agent gives you. But I did wonder if I can say somehow: "this element is a block element and not an inline element", without having a FOUC (Flash of Unstyled Content). #WebComponents

Public
westbrook

So…whether you like generative images or not (heck, I’m not sure if I like generative images, especially not this way) we made a thing at my new(-ish) gig: preview.reve.art/ It’s the ways of making images AFTER this first foray that I’m most excited about, but “any sufficiently complex system…”. Check it out as you will and share what you’re able to bring to live?

preview.reve.artReve: Bring your ideas to lifeBring your ideas to life with Reve.Art
#webComponents#aiArt#photography
Public *
Burton Smith

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

wc-toolkit.com/cem-utilities/c

Web Components ToolkitCustom CEM TypesTypes to make working with custom data in the CEM easier
Public
Chris Smith

If you build a custom element and it uses a child element with a CSS shadow part to expose its base styling, e.g. ::part(base), then this will be ignored if the custom element has content-visibility: auto.

So, if you want cards with box-shadow, the shadow styling has to be on the custom element itself, or :host, not the ::part() pseudo selector.

#css#webcomponents#customelements
Public
Will Browar 👨🏻‍💻

Quick update to Admin Bar Component (1.3.2) that fixes a bug where using a custom font family wasn’t working everywhere. I’m not saying you should do this, but now you can set `--admin-bar-font-stack: inherit;` to pick up any system or custom font, like this Google Font. 🙈

Screenshot of Admin Bar Component using a Google Font inherited from the `<admin-bar>` element.
A screenshot showing the default font stack, `system-ui, sans-serif` as rendered on Safari on macOS.
#WebComponents#CSS
ExploreLive feeds
About