forceify.js

Forceify is a simple, lightweight and easy to use jQuery plugin that adds a little fun to your site. Does Forceify.js actually give you the power of the force? Not really, but it takes over your page for best two minutes of your life. Fork me on github or follow me on twitter to keep up date with new features and changes to forceify.js!

THE DEMO

getting started

1. Download the forceify.js zip file from github and place the files into your site's directory.

2. Include a link to the style.css file in your HTML document's head section, linking forecify's styling to your website.

3. Include jQuery and forceify.js in your HTML document, before the closing body tag. Note that the plugin script must be placed after the jQuery script, and must be properly linked from your directory (example, js/forceify.js).

				
<link rel="stylesheet" href="style/styles.css" type="text/css">
				
				
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/starwars.js"></script>
				
			

usage

initialization

Add a class of .force to any HTML element. The plug-in starts on a click, so why not start off with a link click?

				
<a class="force">DEMO</a> 
				
			

Paste the following code into your primary JavaScript file (for example, main.js) to initialize forceify.js and to call the function:

				
"$(function() {
	$('.force').forceify();
});"
				
			

customize

coming soon, this is.