MooTools tutorials - December 2011

Getting Started: What is MooTools?

Getting started with the most popular js. library - Mootools

Convert Twitter Usernames and Hashtags Into Links Using MooTools

Here's a small Mootools class that will automatically parse text and convert Twitter usernames and hashtags into links.

Facebook Sliders With Mootools and CSS

. A slider allows the user to drag a slider across a given plain to set a value instead of the boring, tedious text box.

Calendar A Javascript class for Mootools

Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements. This class is a compilation of many date-pickers I have implemented over the years and has been completely re-written for Mootools. I have tried to include all the features that have been most useful while streamlining the class itself to keep it as small as possible. Use the links below to see what features are available in Calendar and how it might enhance the accessibility, usability and validation of form elements on your website.

Create a Simple, Powerful Product Highlighter with MooTools

This tutorial will help you find your inner cow by introducing you to one of the most powerful and modular javascript libraries—MooTools!

Word Count

Word Count is a JavaScript word and character counter based on MooTools 1.3. It can count static text or text being entered into a form element, as it's being typed. It's simple to use and has been tested in IE6+, Firefox, Chrome, Opera, and Safari.

Beautiful thumbnail hover effect using mootools tutorial

Just a beautiful hover effect on thumbnails

Background Animations Using MooTools

Here's a quick MooTools code snippet that shows you how to create a background animation using MooTools

How to Auto Caption Images Using MooTools

MooTools is a powerful open-source JavaScript framework that can greatly enhance the way you build your web interfaces. Using MooTools will allow you to write succinct and elegant JavaScript within an intuitive framework. In this tutorial, we’re going to auto caption images on-the-fly using a bit of MooTools magic.

Two CSS vertical menu with show/hide effects

Simple tutorial with two vertical menu examples with show/hide menu effect.

Using CSS and Mootools to simulate Flash horizontal navigation effect

This tutorial explains how to use Mootools and pure CSS / HTML code to simulate a Flash (follow mouse) horizontal navigation effect.

Advertise on this site

Recent Comments