tdro micro.thedroneely.com 1:23 PM Feb 6 2023 (edited) view menu markdown plaintext permalink feb 6 2023 4 sec 11/50 words

Hyperscript Tagged Markup (htm) is pretty good. It uses tagged templates.

tdro micro.thedroneely.com 11:40 AM Jan 24 2023 view menu markdown plaintext permalink jan 24 2023 23 sec 70/50 words

The Enhance Framework looks compelling. Personally, web components and more particularly the shadow DOM are not very appealing but… the template structure looks clean for drawing up components/layouts super fast while still being primitive enough to not lose transposability between different environments.

It seems like there’s an uptick in discussions online around web components but maybe that’s just the typical developer marketing/advocating. Web components have been around for a bit.

tdro micro.thedroneely.com 6:02 PM Dec 21 2022 view menu markdown plaintext permalink dec 21 2022 35 sec 105/50 words

Hugo is a gateway for discovering neat golang libraries. Version 0.104.0 introduced a color extraction method that has lots of use–cases. An easy one is to generate basic image gradient placeholders. The browser has its own deferred/lazy loading logic so fancy image gradients (on a static site) require only a few lines of pre–generated CSS styles.

tdro micro.thedroneely.com 3:38 PM Dec 12 2022 view menu markdown plaintext permalink dec 12 2022 13 sec 38/50 words

The temptation to bring in a js bundler is oh so very great. Deno bundle is obviously not designed to bundle js directly for the browser but you can get away with it up to a certain point.

tdro micro.thedroneely.com 1:32 PM Nov 24 2022 (edited) view menu markdown plaintext permalink nov 24 2022 28 sec 85/50 words

If you think about it, the HTML <abbr> tag is not that well thought out. Or rather, inconsistent interpretations of the title attribute on different displays limits <abbr> usefulness.

Sure, conditional media types allow auto expanding the title on touch or print displays.

But many semantic elements have similar quirks that are only noticeable with a good cross browser/display testing suite, which no one has btw.

Surprising quirky behaviour + real world “get it done now” business constraints = everything’s a <div> and/or a <span>.

tdro micro.thedroneely.com 10:02 PM Nov 16 2022 (edited) view menu markdown plaintext permalink nov 16 2022 17 sec 51/50 words

Htmx is a nice library to know about that makes frontend = backend. Include strategic js (htmx.js) to not write any more js and compose an interactive website/application in HTML only. Use your favorite back end to create routes that return partial HTML that is swapped in on event triggers (transclusion).

tdro micro.thedroneely.com 9:32 PM Oct 3 2022 (edited) view menu markdown plaintext permalink oct 3 2022 17 sec 50/50 words

Watching the web tech mainstream/influencers transition back to a html first approach is fascinating. Frameworks are returning to single file soc approaches that bundle and progressively enhance scoped js and css components automatically.

See syntax for webc/11ty, svelte, enhance, lit/google, vuejs marko, astro, and more in a rare history lesson.

tdro micro.thedroneely.com 6:33 PM Sep 5 2022 view menu markdown plaintext permalink sep 5 2022 23 sec 68/50 words

Kiwi Browser (download) is a Chromium derivative on Android that can directly expose the built–in dev tools on device. Remote debugging is my preference, but it makes quick web development debugging on Chrome for Android just a touch easier.

tdro micro.thedroneely.com 9:31 PM Jul 29 2022 (edited) view menu markdown plaintext permalink jul 29 2022 27 sec 81/50 words

Flexbox as a base layout is convenient but tricky due to CLS or “jank”. If the dimensions of the base flex container(s) are ambiguous, then the browser constantly recomputes the dimensions as HTML streams in.

My favorite trick is to give the browser dimension hints and avoid computational properties like flex. Set as many dimensions (width/height) as possible unambiguously. My Internet speed is sufficiently slow enough that I can see layout shifts in many sites, including my own (this micro blog).