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.
Part two of three in the SEO Tools series: a list of six useful Firefox 3 SEO add-ons, complete with screenshots. These tools make SEO research a lot easier.
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.
For day 9 we’ll be looking at some of the string filtering/manipulation tools Mootools has to offer
Hey folks, today we’re going to starting looking at how Mootools can make filtering user input a breeze. We’re going to be starting off with some basic number filtering today, and digging into the world of string filtering tommorrow. If you haven’t already checked out the rest of the 30 Days of Mootools tutorials, I’d [...]
On Day 7 of 30 days of Mootools we look at how to manipulate CSS. The tutorial covers getStyle, setStyle, getStyles, setStyles and introduces a few more key concepts. Includes a working example, a download to get you playing and links to additional resources.
Day 6 of 30 Days of Mootools and we are starting to wrap up our overview of the basics. This tutorial covers how to get and set html element properties, how to move an existing element and how to create a new html element from scratch. The example is a little more advanced than previously, showing you how to create a simple form that will inject an html element with user defined id and text content.
