Tiny Responsive jQuery Text Resizing Plugin - Responsive Headlines

File Size: 7.9 KB
Views Total: 440
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Tiny Responsive jQuery Text Resizing Plugin - Responsive Headlines

Just another jQuery text resizing plugin which makes your headlines follow the size of any container element. As you resize the browser window you'll see that the headline grows or shrinks depending on how wide you make the window.

How to use it:

1. Download and include the jQuery Responsive Headlines plugin together with the latest jQuery library on the html page.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery-responsive-headlines.min.js"></script>

2. Call the function to make the matched headline follow the size of the document body.

$('h1').responsiveHeadlines();

3. Call the function to make the matched headline follow the size of a specified container.

$('h1').responsiveHeadlines({
  container: 'wrapper'
});

4. Set a max and a min value that controls how big or small the headline can be.

$('h1').responsiveHeadlines({
  maxFontSize: 36, 
  minFontSize: 12
});

This awesome jQuery plugin is developed by tkahn. For more Advanced Usages, please check the demo page or visit the official website.