Recent changes to the fma homepage have, hopefully, created a ‘best of all worlds’ layout.
Other than a — hopefully attractive — minimalist revision of homepage styling, I’ve been focusing on overall page layout with a view to achieving the following.
I believe I’ve succeeded (more or less) in those aims with the use of a percentage page width, ‘same-side floats’, and an em-width sidebar. Whatever your window size, however small or big your font, you should get the most out of this layout. It’s a technique that is by-no-means revolutionary but one which I haven’t come across in the wild before.
The main issue that remains is that of the box sizing for each individual article. To achieve a reasonable grid layout, these article boxes all need to be of a uniform width and height, meaning that content might overflow. I played around with opacity, and I’m also very tempted to use overflow: auto as a scrollbar-inducing safety net, but my current low-tech method is to simply ensure the amount of content is within the limits I’ve set, encouragin brevity.
Much of this work has been inspired / encouraged by comments on the excellent css discuss mailing list, so many thanks go to all contributors. All comments on this approach will be very gratefully received.