jQuery Plugin For Smart Text Resizing - resizeMaster3000

File Size: 3.31 KB
Views Total: 886
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Smart Text Resizing - resizeMaster3000

resizeMaster3000 is a lightweight jQuery text resizing plugin created for responsive web layout that dynamically scales font size of your text to fit within the parent container.

How to use it:

1. Download the resizeMaster3000 plugin and put the jquery.resizeMaster3000.js script on your webpage which has jQuery library installed.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/jquery.resizeMaster3000.js"></script>

2. Call the function on the text wrapper and we're ready to go.

$('h1').resizeMaster3000();

3. Config the max / min font size of your text when resizing.

$('h1').resizeMaster3000({

  // in pixels
  minFont:22,
  maxFont:29
  
});

4. More configuration options.

$('h1').resizeMaster3000({

  // these are default options
  minimum : 960, // min width
  maximum : 1200, // max width
  minFont : 12, // min size
  maxFont : 18, // max size
  lineRatio : 1, // line ratio

});

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