The Wall : Javascript plugin for Moo tools FreeJquery


JavaScript plugin for Moo tools

The Wall is a plugin for Moo tools JavaScript framework designed to create walls of infinite dimensions. Its flexibility enables different applications, from infinite wall mode to Coda slider mode. The Wall creates compatible interfaces with the newer browsers and iPhone and iPad mobile devices. This plugin is very useful for designers who’re working on online applications & graphics. The plugins is very rich with different angles pictures & effects.

There’s yet another reason to master more than one JavaScript library: you can use some of them together! Since MooTools is prototype-based and jQuery is not, jQuery and MooTools may be used together on the same page.

jQuery is namespace so the function is free for Moo Tools to take hold of.

Contribute

You are welcome to contribute to MooTools! What we ask of you:

a. To report a bug:

  1. Create a jsFiddle with the minimal amount of code to reproduce the bug.
  2. Create a GitHub Issue, and link to the jsFiddle.

b. To fix a bug:

  1. Clone the repo.
  2. Add a spec.
  3. Fix the bug.
  4. Build and run the specs.
  5. Push to your GitHub fork.
  6. Create Pull Request, and send Pull Request.

Obviously including two libraries within the same page is resource-consuming but if it’s acceptable to the project and allows you to implement plugins from each library quickly, this may be a great option for you.

Moo Tools is a collection of JavaScript utilities designed for the intermediate to advanced JavaScript developer. It allows you to write powerful and flexible code with its elegant, well documented, and coherent APIs.

The XHTML and JavaScript

<p>jQuery sets this paragraph's color to red but MooTools sets the border color.</p>
<script type="text/javascript" src="jquery-1.3.js"></script>
<script type="text/javascript">
	//no conflict jquery
	jQuery.noConflict();
	//jquery stuff
	(function($) {
		$('p').css('color','#ff0000');
	})(jQuery);
</script>
<script type="text/javascript" src="moo1.2.js"></script>
<script type="text/javascript">
	//moo stuff
	window.addEvent('domready',function() {
		$$('p').setStyle('border','1px solid #fc0');
	});
</script>

RE-POSITIONING 

 

THE MASK

INVERSE DIRECTION

 


———————–

Leave a Reply

Your email address will not be published. Required fields are marked *