ʝʋƨт αиσтнɛя ℓɛɛт κι∂ ∂ɛƨιɢи ғяσм 1999

Just Some Nobody

Friends call me Nobo. I run goeshard.org and this is my personal page dumping ground for YTMND shit posts.

You're The Man Now, Dawg

From the Forum

 
Do you want to guest post an article on the goeshard.org blog?
About This Layout

It's actually quite old, which you can probably deduce. Originally the left "sidebar" above was on the right, and the wider area was content space for blog posts. It was created before responsive layouts for mobile devices were the standard approach. It's what we call a fixed size layout, meaning no matter how much screen space your device has, the elements will be positioned and sized by exact pixel coordinates. Such layouts are not necessarily as bad for mobile viewers as you would think.

A mobile viewer might have to scroll horizontally to read this second box, which isn't standard, but it's doable. A modern flexbox layout, while it is powerful enough to transform the page for mobile viewers, if the designer fails to think about this, it will transform the layout such that mobile viewers can't consume it. With the "sidebar" on the left, we can think of it as the primary content space. Anything to the right is secondary, for example this box is a continuation of the content to the left.

This tertiary box is even less important than the previous box! Just like the area directly above this box, only the mobile viewer who has opted all the way in to scrolling over here will even see this. What was formerly the main content area is now a space for visual easter eggs. They are dulled into the background with opacity so that you remain focused on the link portal, which is now the main content. I admit it's esoteric to go out of the way to repurpose archaic designs like this. But I think it works.