Here is the newest version of Smart Hover Box for Mootools 1.2. We have turned it into a class, added a few new options (lockX and lockY), and even included a “close box” method for easier UI integration.
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.
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.
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.
Today we are going to continue looking at the Fx section of the library. First, we will check how to create a new morph, then we will check out the Fx options and callback events. This installment features live examples of all 30 transition types.
Today we will check out Fx.Tween, starting with the shortcuts (tween, fade and highlight) and moving onto setting up a new tween object, setting styles and starting the tween. We will also check out how to use .bind.
