When can we have smarter layout?

So, what are our options?

Image for post
Image for post
Left Aligned
Image for post
Image for post
Centered
Image for post
Image for post
Right Aligned
Image for post
Image for post
Justified All
Image for post
Image for post

It’s not just about text

Let’s say you have an app (or starting page) with 4 big icon buttons. What if you could get nice dynamic layout, automatically, by just letting them flow:

Image for post
Image for post
Image for post
Image for post

How then?

1. Get the total area of the content as a single row.

Image for post
Image for post
Image for post
Image for post

Proof of concept hack

You can interactively try it out here in Mad Tea Lab, or just check the video:

Ending notes

This has been annoying me for some years now and I thought it was time to share the joy! The described algorithm is more of an example rather than a final fix. I don’t think I am the only one thinking along these lines, I’d guess there are both obscure and and high end commercial software out there with interesting layouting implementations! So let me know if any comes to your mind as you are reading this!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store