Working with fully responsive elements on a website is an absolute must since there are so many ways to access a site nowadays. You might be at home on your desktop, at school on your tablet or riding the bus while surfing on your smartphone. Each of those devices has a different maximum browser width so different settings are required to make your site look the best on each one. Gridiculous is a great place to start when it comes to building a responsive site, but since it only uses CSS, there is one component missing… the ability to have fully responsive text.

In order to get something like this working correctly, you need to use JavaScript, or even better, jQuery. WideText is a lightweight jQuery plugin that can resize your text according to the width of the browser window. The source code is up on Bitbucket and you can see it in action on the WideText example site I put together.