Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
mastodon.world is one of the many independent Mastodon servers you can use to participate in the fediverse.
Generic Mastodon server for anyone to use.

Administered by:

Server stats:

9K
active users

mastodon.world: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.8

#xinjs

0 posts0 participants0 posts today
Tonio Loewald<p>Some seriously annoying CSS work led me to doing a brain dump on my current thoughts on CSS, for what they&#39;re worth…</p><p><a href="https://loewald.com/blog/2023/12/css-is-great-but-its-often-not-obvious/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">loewald.com/blog/2023/12/css-i</span><span class="invisible">s-great-but-its-often-not-obvious/</span></a></p><p><a href="https://mastodon.world/tags/css" class="mention hashtag" rel="tag">#<span>css</span></a> <a href="https://mastodon.world/tags/frontend" class="mention hashtag" rel="tag">#<span>frontend</span></a> <a href="https://mastodon.world/tags/xinjs" class="mention hashtag" rel="tag">#<span>xinjs</span></a></p>
Tonio Loewald<p>Welp, having spun two small Typescript libraries off of <a href="https://mastodon.world/tags/xinjs" class="mention hashtag" rel="tag">#<span>xinjs</span></a> and build a tiny one from scratch, and published them to npm, in the last few days—all using <a href="https://mastodon.world/tags/parceljs" class="mention hashtag" rel="tag">#<span>parceljs</span></a>—I finally felt I had facepalmed enough times to switch <a href="https://mastodon.world/tags/xinjs" class="mention hashtag" rel="tag">#<span>xinjs</span></a> over to building dist/ and cdn/ targets with parceljs. I guess I&#39;ll find out tomorrow if I&#39;ve blown anything up.</p>
Tonio Loewald<p>Who knew <a href="https://mastodon.world/tags/lycos" class="mention hashtag" rel="tag">#<span>lycos</span></a> was still a thing?</p><p>I still remember it as the first search engine that didn’t completely suck :)</p><p><a href="https://mastodon.world/tags/xinjs" class="mention hashtag" rel="tag">#<span>xinjs</span></a> <a href="https://mastodon.world/tags/goodtimes" class="mention hashtag" rel="tag">#<span>goodtimes</span></a></p>
Tonio Loewald<p>Now you need to maintain all that crap AND document it. And now your component will is yet another platform abstraction layer. And yes it’s a leaky abstraction layer. </p><p>In the end I couldn’t find a single benefit of &lt;sl-input&gt; over writing:</p><p>label(<br /> span(caption), <br /> input()<br />)</p><p>And addling global CSS powered by css-variables to style it.</p><p><a href="https://mastodon.world/tags/xinjs" class="mention hashtag" rel="tag">#<span>xinjs</span></a> <a href="https://mastodon.world/tags/elements" class="mention hashtag" rel="tag">#<span>elements</span></a></p>
Tonio Loewald<p>One of the things I love about having a bunch of libraries I’m working on in my spare time is that I get to do more exploratory coding which is a nice balance to just solving the problem in front of me.</p><p>Having built a form component with <a href="https://mastodon.world/tags/shoelace" class="mention hashtag" rel="tag">#<span>shoelace</span></a>.style and <a href="https://mastodon.world/tags/xinjs" class="mention hashtag" rel="tag">#<span>xinjs</span></a> I ended up ripping out the shoelace.style components and reimplementing the form with plain HTML in two successively cleaner and simpler ways…</p><p><a href="https://loewald.com/blog/2023/04/the-shadowdom-is-optional/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">loewald.com/blog/2023/04/the-s</span><span class="invisible">hadowdom-is-optional/</span></a></p><p><a href="https://mastodon.world/tags/frontend" class="mention hashtag" rel="tag">#<span>frontend</span></a> <a href="https://mastodon.world/tags/javascript" class="mention hashtag" rel="tag">#<span>javascript</span></a></p>
ExploreLive feeds
About