jQuery Plugin For Smart Text Resizing - resizeMaster3000
| File Size: | 3.31 KB |
|---|---|
| Views Total: | 895 |
| 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.
<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.











