Awesome
Front-end solution for fixing typography on the web including Widows and Orphans.
Currently works cleans up orphans on elements
$('div').typorphanage();
To manually update after changing text, use:
$('div').typorphanage('update');
The following options are avaialble so far:
$('div').typorphanage({
autoupdate:true,
orphans:true,
'elements : ['p','blockquote','caption','cite','article','aside','details','summary','header', 'footer'], // these are the defaults right now
'customElements' : [] // array of custom tags to remove orphans from.
});
TODO
- CSS3 column support:
-webkit-column-break-after
and-webkit-column-break-before