Make the Headline Bigger: SlabText by @freqdec

slabtext, display type, jquery plugin, responsive type

SlabText, a jQuery plugin for making big old headlines by Brian McAllister, is a smarter way to render giant responsive type. He explains:

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. 

Pretty sweet! See the demo here, or grab the code on GitHub.

MORE WEB TYPOGRAPHY:

COMMENT