FlowType: font-size and line-height based on element width
simplefocus.com
FlowType: font-size and line-height based on element width
1–10 of 55 posts
Re: FlowType: font-size and line-height based on element width
#2simple, yet awesome
Re: FlowType: font-size and line-height based on element width
#3Seems like a decent idea. Though it seemed to have far too few characters per line on the low end of the slider.
Re: FlowType: font-size and line-height based on element width
#4I really hate when libraries blindly assume that you are going to be using jQuery and make zero mention of that as a dependency.
Re: FlowType: font-size and line-height based on element width
#5I really hate when libraries blindly assume that you are going to be using jQuery and make zero mention of that as a dependency.
The file is named flowtype.jQuery.js and you call it with $(selector).flowtype();? What made you think it wasn't a jQuery plugin?
Re: FlowType: font-size and line-height based on element width
#6This would be a nice user script / bookmarklet, but I don't think websites (except for Readability-type apps) will ever need this. Proper responsive design and usability testing are the correct solution, not this... "hack". But since we're at HACKernews after all, cool effort and props for a very comfortable + practical landing page! Kudos!
Re: FlowType: font-size and line-height based on element width
#7So on small screens this will make the font even smaller.
This is the wrong solutions.
There is a reason why 16pt is the standard font-size. And its no problem to design a responsive website with columns that use 'between 45 and 75 characters per line'.
Re: FlowType: font-size and line-height based on element width
#8The script can be extremely useful and the concerns raised regarding readability can be overcome using the min and max width. If you adjust line height in conjunction with font-size and font selection, text can be readable from 12pt and up, even at 10pt.
Re: FlowType: font-size and line-height based on element width
#9different but cleaner readability trick for blocks containing text, with css: max-width:62em
Re: FlowType: font-size and line-height based on element width
#10Seems like a reasonable solution until vmin/vmax/vh/vw are more widely supported.