Flexible Font-Size According to Browser Width

If you're a web-designer you probably have noticed a rising trend for "responsive designs." These are designs that are fluid and adapt to the sizes of the screen they are being viewed. It is truly amazing to be able to have one theme that works as perfectly on a 27 inch monitor as it does on a mobile device. While it can be a tricky task to achieve this level of "cross browser" compatibility, there are already quite a few resources online to get you started:

• http://www.alistapart.com/articles/responsive-web-design/
• http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-...
• http://www.designbyfront.com/demo/goldilocks-approach/

Now, when doing some research on the subject one thing struck me, there are close to no plugins that would allow for flexible font sizes. Now I'm not saying you should adapt all your text to different screen sizes, but having some key headlines with a fluid size can be quite an elegant solution. Here's an example: http://hicksdesign.co.uk/ I was quite happy to find this jQuery plugin: http://fittextjs.com/, that does exactly that and can be downloaded from github. I honestly can't wait for the opportunity to put this "bad boy" to use. Happy theming. Erico Vinicius