• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Chad Ritchie

Graphic Designer, Front-End Web Developer

  • Blog
    • WordPress
  • Projects
    • Graphic Design
    • Web Projects
  • Photos
  • Services
  • Contact

jquery

Produce Big, Bold, Responsive Headlines

July 11, 2012 By Chad Ritchie

Slabtext – A jQuery Plugin For Producing Big, Bold & Responsive Headlines

This 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.

Big, Bold & Responsive Headline example

View more examples at Frequency Decoder

Filed Under: Blog Tagged With: JavaScript, jquery

Footer

Chad Ritchie Web & Graphic Design