For day 21 we’re going to be looking at the Implement and Extend functionality that comes with the Mootools. We’ll step through some basic examples of extending and implementing classes and look at how you can add functionality directly into the Mootools objects.
We return on Day 20 with a small project. Instead of focusing on a specific area within the library, we are going to look at how to create several different types of tabs that display content on hover or click.
Today we are going to look at the Tips plugin, which gives you greater control over your tooltips, while remaining unobtrusive. We will look at all the options, events and methods for Tips, and provide a live example. The tutorial also features a download with the example and everything you need to get started.
If you haven’t already, be sure and check out the rest of the Mootools 1.2 tutorials in our 30 days series.
Today we’re going to be taking a look at the basics of creating and using classes with Mootools.
To put it simply, a class is a container for a collection of variables and functions which [...]
Today we are going to look at the ever popular Accordion plugin. We start out by creating a new accordion object, then explore all the options, events and methods. Features a live demo with event and method feedback, as well as a zip with everything you need to get started.
Mootools 1.2 Sortables
If you haven’t already, be sure and check out the rest of the Mootools 1.2 tutorials in our 30 days series.
Today we are going to look at another of the bundled plugins from the “more” library. Sortables is a very powerful plugin and can really open up the options with your user [...]
For Day 15 we take a close look at how to create sliders (as in a knob that slides along an axis and returns a value). We take a look at how to configure horizontal and vertical sliders, how to listen for the start, slide and complete events, and how to grab the value. Features a working demo and a downloadable zip with everything you need to get started.
On day 14 of 30 Days of Mootools, we are going to look at the .periodical function, an extremely useful tool that lets you fire a function at given intervals. The live example for this tutorial is a simple timer with a bar that gets longer as the time indicator number grows. After this, we will get an introduction to hashes, how to create one, set one, get values and more.
Today we’ll be doing a very basic overview of some of the capabilities of regular expressions in javascript, and looking at how Mootools makes using regular expressions with javascript much easier.
On Day 12 of 30 days of Moo, we will look at how to add drag and drop capabilities to your web design. The tutorial explains the how to create a new drag and drop object, as well as how to configure the options and events. Includes a live demo with event feedback, as well as a downloadable zip of the exercise.
