Experimental project

This is a sandbox project, which contains experimental code for developer use only.

What does the slabText jquery plugin do?

Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the CSS font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.

It basically force justifies title text and uses jquery to resize it to keep the left and right edges in alignment by scaling and flowing the text. This makes it great to use for responsive titles.

Demo and explanation
http://www.frequency-decoder.com/demo/slabText/

Source Code
https://github.com/freqdec/slabText/

This project will be based initially on the existing Fittext module http://drupal.org/project/fit_text which does a great job but does not have the multiline functionality this does

Project information