Gamedev Mastodon

5 posts5 participants1 post today

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guides</a> Simplify sharing · How to make content sharing effortless on your website <a href="https://ilo.im/16350b" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16350b</a>_____ <a href="https://mastodon.social/tags/Sharing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sharing</a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Content</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Peter Kröner📦 Ornament 3.0: <a href="https://www.npmjs.com/package/@sirpepe/ornament" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.npmjs.com/package/@sirpepe/ornament</a>Had to fix a few API brain farts, which means breaking changes, which means a major release with next to zero material changes. Semver 🙄 <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Pitfalls" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pitfalls</a> The burden of custom form validations · When over-engineered form validations backfire <a href="https://ilo.im/16327e" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16327e</a>_____ <a href="https://mastodon.social/tags/Form" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Form</a> <a href="https://mastodon.social/tags/Validation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Validation</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/Library" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Library</a> <a href="https://mastodon.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Framework</a> <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystems</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Burton SmithIs 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.<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a>

ayo🎉 Web Component Base (WCB) by Ayo Ayco (<a href="https://social.ayco.io/@ayo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ayo</a>) | <a href="https://ayos.blog/wcb/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ayos.blog/wcb/</a><a href="https://social.ayco.io/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://social.ayco.io/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://social.ayco.io/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a>

Frontend DogmaWeb Components vs. Framework Components: What’s the Difference?, by @thedocwhocodes@x.com (<a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@smashingmag</a>):<a href="https://www.smashingmagazine.com/2025/03/web-components-vs-framework-components/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.smashingmagazine.com/2025/03/web-components-vs-framework-components/</a><a href="https://mas.to/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a> <a href="https://mas.to/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#components</a> <a href="https://mas.to/tags/frameworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frameworks</a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mas.to/tags/comparisons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#comparisons</a>

westbrookSo…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: <a href="https://preview.reve.art/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://preview.reve.art/</a> 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?<a href="https://mastodon.social/tags/webComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webComponents</a> <a href="https://mastodon.social/tags/aiArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#aiArt</a> <a href="https://mastodon.social/tags/photography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#photography</a> <a href="https://mastodon.social/tags/shoelaceStyles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#shoelaceStyles</a> <a href="https://mastodon.social/tags/creativity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creativity</a> <a href="https://mastodon.social/tags/justTheBeginning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#justTheBeginning</a>

Burton SmithToday, I'm excited to release the CEM Validator for your <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a>!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<a href="https://wc-toolkit.com/cem-utilities/cem-validator/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://wc-toolkit.com/cem-utilities/cem-validator/</a>

Chris SmithIf 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.<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a> <a href="https://mastodon.social/tags/customelements" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#customelements</a>

Reuben WalkerWeb Components Vs. Framework Components: What’s The Difference? <a href="https://me.dm/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://www.smashingmagazine.com/2025/03/web-components-vs-framework-components/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.smashingmagazine.com/2025/03/web-components-vs-framework-components/</a>

Jonathan DallasHey all, I’m back with another article! This one has been a long time coming. My thinking here is definitely still evolving and, as always, I’d love to hear your feedback 🙂 <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystems</a> <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a> <a href="https://jwdallas.com/posts/styleapisasalastresort/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://jwdallas.com/posts/styleapisasalastresort/</a>

Burton SmithI'm really excited to be speaking at Beer City Code this year!I'll be doing a session on "Using Web Components to Scale Your UX".I'll also be doing a workshop on "Building a Web Component Library".Come nerd out about <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a>!<a href="https://www.beercitycode.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.beercitycode.com/</a>

Reuben Walker aka mobileatomWeb Components Demystified course review. <a href="https://flipboard.com/tag/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a><a href="https://css-tricks.com/web-components-demystified/?utm_source=flipboard&utm_medium=activitypub" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/web-components-demystified/?utm_source=flipboard&utm_medium=activitypub </a>Posted into Responsive Design, UX, UI, and more <a href="https://flipboard.com/@mobileatom/responsive-design-ux-ui-and-more-26jetk41z" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@responsive-design-ux-ui-and-more-mobileatom</a>

Kito D. MannIn the DC area or close by? Come see my session "Future-proof your Web Apps with <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> and <a href="https://mastodon.social/tags/Lit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Lit</a>" at <a href="https://mastodon.social/tags/Frontrunners" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontrunners</a> next Friday, March 21st. <a href="https://frontrunners.tech/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://frontrunners.tech/</a> <a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a>

Burton SmithAtlassian has... <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a>???<a href="https://aui.atlassian.com/aui/latest/docs/aui-label.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://aui.atlassian.com/aui/latest/docs/aui-label.html</a>

Burton SmithThis was a bit impromptu, but today, I am releasing the Module Path Resolver package! This helps provide accurate and accessible module information about your <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a> in the Custom Elements Manifest.<a href="https://wc-toolkit.com/documentation/module-path-resolver/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://wc-toolkit.com/documentation/module-path-resolver/</a>

Peter KrönerShould a <light-dark-mode-switch> web component be a form control? Form-associated, submittable, all that jazz...<a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a>

Burton SmithToday, I'm excited to roll out the <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a> 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<a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://wc-toolkit.com/adoption/lazy-loader/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://wc-toolkit.com/adoption/lazy-loader/</a>

JonWhat is the simplest and most lightweight vanilla implementation of reactivity that anyone has seen for <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CustomElements" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CustomElements</a> / <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> in <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a>

Vincent Cantin"WebComponents will outlive your javascript framework"He is right, and since <a href="https://functional.cafe/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> are not what you want, don't depend on a Javascript framework.Depend on a <a href="https://functional.cafe/tags/Clojurescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Clojurescript</a> one instead.

Recent searches

Search options

Administered by:

Server stats:

#webcomponents