Show all feed information | Ping Blog Update
Mootools has an FX Class which incorporates 3 ways to animate an object withing the DOM.
- FX.Tween - FX.Morph - FX.Transitions
The one in this experiment is the FX Tween. The Tween effect is used to transition any CSS property from one value...
Two major conferences starting today. FITC has been established as a leader in Flash, actionScript and JSConf: one of the most interesting conferences for Javascript development. Both have a great speaker lineup. JSConf puts an emphasis on a...
Creating three dimensions is only a mathematical smoke and mirrors scaling trick based on a virtual focal point. I had experimented on this topic in flash and had explored all the mathematics to create 3D navigations.I will be exploring the topic in...
Yesterday I posted about the Mootools DOM $ and $$ selectors. They serve as shortcuts to traverse the DOM tree and find elements. Today's experiment looks into the Element.setStyle method. myElement.setStyle(property, value);
basically,...
Mootools contains shortcuts for collecting elements from the DOM. A simple yet powerful solution is the DOM $ and $$ selectors.$ Collects an ellement from the DOM much like the document.getElementById(). The later might be intentionally verbose for...
Sometimes while coding experiments bloopers come along. I was working on the mouse follow experiment when by accident I set the cursor background CSS property to "repeat fixed" instead of "repeat scroll".
background: transparent...
This is an extension of my last javascript onMouseMove post. In this case I used the CSS background-image property instead of an <img> tag to set the cursor follow image. The advantage in this method is that I bypass the transparent...
In the following example I am creating a onMouseMove event handler and placing it on the <body> tag to catch all mouse movements on the page. A clip I am setting as position:absolute is then assigned to follow the mouse position by setting...
Optimizing for mobile devices can be tricky, although there is a lot of power in making your site easily available to the largest group of possible eyeballs. How many browsers are there in the mobile space? In North America, serious contenders...
Mootools rgbToHex method converts an RGB color value to hexidecimal. Input array in array format where each item represents a color value between 0 and 255 are used to set RGB colors.
Ex : [255,255,255]
In this example I am setting a 2D array...
