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).