Skip to main content
tdro

Another wandering soul screaming into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by @cdd20.

tdro micro.thedroneely.com (edited) view markdown plaintext permalink feb 6 2023 4 sec 11/50 words

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

#webdev
tdro

Another wandering soul screaming into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by @cdd20.

tdro micro.thedroneely.com view 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.

#webdev
tdro

Another wandering soul screaming into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by @cdd20.

tdro micro.thedroneely.com view 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 styles.

Easier to show in Chromium compared to Firefox (a tad too fast/clever to capture)
Index: Cache · Source
#clips #webdev
tdro

Another wandering soul screaming into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by @cdd20.

tdro micro.thedroneely.com view markdown plaintext permalink dec 12 2022 13 sec 38/50 words

The temptation to bring in a 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.

#metas #webdev
tdro

Another wandering soul screaming into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by @cdd20.

tdro micro.thedroneely.com (edited) view markdown plaintext permalink nov 24 2022 28 sec 85/50 words

If you think about it, the <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 .

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

#webdev
tdro

Another wandering soul screaming into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by @cdd20.

tdro micro.thedroneely.com (edited) view 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 (htmx.js) to not write any more js and compose an interactive website/application in only. Use your favorite back end to create routes that return partial HTML that is swapped in on event triggers (transclusion).

#webdev
tdro

Another wandering soul screaming into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by @cdd20.

tdro micro.thedroneely.com (edited) view markdown plaintext permalink oct 3 2022 17 sec 50/50 words

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

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

#webdev
tdro

Another wandering soul screaming into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by @cdd20.

tdro micro.thedroneely.com view 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 a complete disaster debugging on Chrome for Android just a touch easier.

#clips #programs #webdev
tdro

Another wandering soul screaming into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by @cdd20.

tdro micro.thedroneely.com (edited) view markdown plaintext permalink jul 29 2022 27 sec 81/50 words

Flexbox as a base layout is convenient but tricky due to or “jank”. If the dimensions of the base flex container(s) are ambiguous, then the browser constantly recomputes the dimensions as 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).

#webdev

Authors

Web Ring