jQuery Plugin For Smart Text Resizing resizeMaster3000 - Download jQuery Plugin For Smart Text Resizing - resizeMaster3000

Download jQuery Plugin For Smart Text Resizing – resizeMaster3000

Posted on

This time I will share jQuery Plugin and tutorial about jQuery Plugin For Smart Text Resizing – resizeMaster3000, hope it will help you in programming stack.

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

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.

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

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

1 $('h1').resizeMaster3000();

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

1 $('h1').resizeMaster3000({
2  
3   // in pixels
4   minFont:22,
5   maxFont:29
6    
7 });

4. More configuration options.

01 $('h1').resizeMaster3000({
02  
03   // these are default options
04   minimum : 960, // min width
05   maximum : 1200, // max width
06   minFont : 12, // min size
07   maxFont : 18, // max size
08   lineRatio : 1, // line ratio
09  
10 });

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

source : jqueryscript.net