Dave 🧱 :cursor_pointer:<p>Wanted to try out this <syntax-highlight> <a href="https://mastodon.design/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponent</span></a> for myself <a href="https://andreruffert.github.io/syntax-highlight-element/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">andreruffert.github.io/syntax-</span><span class="invisible">highlight-element/</span></a></p><p>The result is super clean and a fair chunk smaller than what's typically used. Even works with contenteditable!<br><a href="https://codepen.io/daviddarnes/pen/bNVVVxQ?editors=1000" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/daviddarnes/pen/bNV</span><span class="invisible">VVxQ?editors=1000</span></a></p>
veganism.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Veganism Social is a welcoming space on the internet for vegans to connect and engage with the broader decentralized social media community.
Administered by:
Server stats:
296active users
veganism.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.0-alpha.5
#webcomponent
0 posts · 0 participants · 0 posts today
Burton Smith<p>This is a re-post since I don't see Keith on here:</p><p>Call to action for <a href="https://mastodon.social/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponent</span></a> / <a href="https://mastodon.social/tags/ShadowDOM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ShadowDOM</span></a> fans: I've added an experimental flag to Firefox lifting the restriction on adoptedStyleSheets, meaning shadowroots can adopt `link.sheet` or `style.sheet`.</p><p>Please try this out, and let me know if you encounter issues!<br><a href="https://github.com/w3c/csswg-drafts/issues/10013" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/w3c/csswg-drafts/is</span><span class="invisible">sues/10013</span></a></p>
Dave 🧱 :cursor_pointer:<p>Hey gang, good news, I'm back on my bullshit! By which I mean I made a new <a href="https://mastodon.design/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponent</span></a> that exposes page statuses from <span class="h-card" translate="no"><a href="https://mastodon.social/@zeroheight" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>zeroheight</span></a></span> on any website. Almost the perfect <a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> tooling intersection if you ask me. Here's how I did it (bonus GitHub repo within):<br><a href="https://zeroheight.com/blog/api-tutorial-add-page-statuses-to-any-website/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">zeroheight.com/blog/api-tutori</span><span class="invisible">al-add-page-statuses-to-any-website/</span></a></p>
David Bisset<p>Building a QR Code <a href="https://phpc.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> Web Component via <a href="https://mstdn.social/@scottjehl" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">mstdn.social/@scottjehl</span><span class="invisible"></span></a></p><p><a href="https://scottjehl.com/posts/q-r" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">scottjehl.com/posts/q-r</span><span class="invisible"></span></a></p><p><a href="https://phpc.social/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponent</span></a> <a href="https://phpc.social/tags/QR" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>QR</span></a> <a href="https://phpc.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Dave 🧱 :cursor_pointer:<p>For the last few weeks I've been experimenting with the new <span class="h-card" translate="no"><a href="https://mastodon.social/@zeroheight" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>zeroheight</span></a></span> API. As you can imagine, this opens the door for deeper integration with your <a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> and zeroheight.</p><p>I've put together a tutorial which shows how you can use just a few lines of JavaScript to embed your release notes on any web page. And of course, I wrapped it into a handy <a href="https://mastodon.design/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponent</span></a>. Enjoy 😊</p><p><a href="https://zeroheight.com/blog/zeroheight-api-tutorial-add-design-system-releases-to-any-website/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">zeroheight.com/blog/zeroheight</span><span class="invisible">-api-tutorial-add-design-system-releases-to-any-website/</span></a></p>
VegansExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload