Responsive Text & Grid Plugin with jQuery - responsiveText

File Size: 3.38 MB
Views Total: 1024
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Responsive Text & Grid Plugin with jQuery - responsiveText

responsiveText is a simple jQuery Plugin that makes it easy to make your text or grid responsive.

Usage:

1. Include jQuery Library and query.responsivetext.js in your head section

<link rel="stylesheet" type="text/css" href="style.css" />
		
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.responsivetext.js"></script>

Call the plugin

<script type="text/javascript">
	$(document).ready(function(){
			
	$("body").responsiveText();
		
});

Options

$("body").responsiveText({
    min: 13, // The smallest font-size acceptable.
    max: 20,// Tha largest font-size acceptable.
    split: 75 // What to divide window.innerWidth by to determine the font-size.
});

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