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 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
Newer Older
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 jul 14 2022 15 sec 44/50 words

The “CSS router” has always been quite the clever trick for navigating sufficiently small sites. This site uses it to scroll switch pages, and portable.fyi gets clever with visibility :target switching. Do it just right and no one notices unless they “inspect the elements”.

#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 jul 12 2022 16 sec 49/50 words

It’s always humbling when I get around to reading a web related spec. and have a lot of functionality. JavaScript’s not bad (it’s the easiest part of web development) but gives you just enough rope to do super silly things like reinventing all built in browser functions.

#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 jul 10 2022 20 sec 59/50 words

White spaces in trick many into writing complex — web development is trollish that way. Firefox’s developer tools show generated white spaces! Hopefully your abstraction is munging HTML faithfully. It’s easy to fight white spaces without realising it. That generally leads to using unsuitable display types and other shenanigans.

Firefox Developer Tools
Firefox’s white space detector
Index: Cache · Source
#webdev

Authors

Gallery

Following

Web Ring