next-project icon indicating copy to clipboard operation
next-project copied to clipboard

Better type layout tools

Open lvl99 opened this issue 9 years ago • 4 comments

There are some aspects of HTML & CSS formatted text layouts that I think could be improved until an adequate standard is determined and implemented.

For instance, there is currently support for multiple text columns within a block, however this doesn't support column rows or heights, nor does it support spanning fluid text across multiple separately located blocks. Some kind of functionality that could extend to allow for linking columns to pour remaining text into, and maybe some programmatic way to nudge text properties to reduce possibility of orphans and widows could help further the web text revolution.

Responsive designs also demand new solutions to text layout challenges. In particular, a better system to manage text issues such as dynamically inserting line breaks (although technically you could use a non-breaking space within, however it's not entirely understandable for users who may not understand the difference between using a regular space and a   (non-breaking space) in terms of web integration). This is hard to explain, but I did a hand-coded convoluted solution to try to avoid most widows/orphans for this site at different breakpoints: http://instituteofcomfort.rinnai.com.au/

I mean, we've got custom fonts now, but typography controls on web are still pretty basic and I think could be a really awesome tool to start the next web design revolution.

I've got a couple other ideas regarding text layout things but it's probably best to show them than talk about them.

lvl99 avatar Jan 29 '16 15:01 lvl99

Thank you for this proposal +1 this issue if you'd like to see a Metafizzy type layout library.

desandro avatar Jan 29 '16 16:01 desandro

+1

MikeNGarrett avatar Mar 04 '16 14:03 MikeNGarrett

:+1:

noelforte avatar Mar 11 '16 06:03 noelforte

+1

gyopiazza avatar Mar 15 '16 15:03 gyopiazza