Definition lists vary only slightly from <ul><ol> lists in that list items consist of two parts: a term and a description. The <dt> tag is used in conjunction with <dl> and <dd>.  Using definition lists I rewrote...

I added rollover hover CSS to the previous star rating script. The concept does not change much, it's mostly CSS and the JavaScript will evaluate the star the mouse is currently on, and assign to it a rollover class name using addClass.  The logic...

I see all kinds of crazy CSS and ultra over the top rating systems over the web. I decided to create a simple one and expand on it. I created an unordered list <ul> and set <li> elements inside it. Each list item element then gets...

I like the fact that in ActionScript, when preloading extrenal assets, one has access to events to monitor the progress of the load and create appropriate detailed preloading animations. Working from my last image loading experiment I added an interval...

This is an extension of the last image loading experiment.  I added an "on" state script on the unordered list item menu to the left.  Once the button is clicked, in order to show the current selected image, I add a class named...

This is an extension of the last image loading experiment.  I added an "on" state script on the unordered list item menu to the left.  Once the button is clicked, in order to show the current selected image, I add a class named...

A set of new experiments.  Loading images dynamically in Javascript. I will explore the basics and add preloaders to the mix. In this example I am using the links a href url to change the target images .src property. Once the image source value...

This is the last iteration of the filmstrip series.  No major addition except for some CSS and HTML tweaks to enable for background images. The variable "currstep" hold the number of items that need to be shifted at every click.

This filmstrip is a slight modification from the filmstrip v4 script.  The issue I have with the last version is that the width of the filmstrip needs to be calculated "precisely" before animating.  This can cause a problem if items...

Wanted to add a few words of warning about the continual use of library/toolkits.  Of late I have been posting lots of experiments using the Moootools API .  I do consider Dojo/YUI/Mootools/Jquery  as  great shortcuts at obscuring...

Adding border recognition to the filmstrip v2 script.  I created a variable named "newscroll" to define the new position to scroll to. Using that, a conditional checks for the beginning and end of the filmstrip. This stops the animation...

I often like to post the progression of a complex script in order to show the thinking behind and let novice users learn and understand the cocktail that make a complex behavior. This post is based of the filmstrip v0 & filmstrip v1 experiments...

I stumbled on a nice site this week.  Langpop.com collects and lists a variety of data about the relative popularity of programming languages. What I found interesting reading through the many charts is JavaScript's poularity.  It consistetly...

Moving along with the filmstrip, I added a tween effect to animate the strip to it's new position. This is now the base for my filmstrip and in the next experiment I will add the next forward buttons in order to get it to move to new positions. errata:...

Starting on a new set of experiments, creating a flimstrip. I set up the CSS for a number of div's aligned horizontally. Most important here is the div that holds the squares has it's overflow property set to "hidden" to ask like a mask....

This experiment uses the slider to change the speed of the Scaling DOM Elements in % v2 experiment. Looking back at the last series of experiments, I can definitely attest that browser performance is nothing like the Flash pluggin, although I need...

In this example I introduce the concept of depth by creating a new FX where I set the z-index of the icon from it's scale value.  In other words, the bigger the icon the closer it is an vice-versa.  This code extends on the scaling dom elements...

As you know, my ultimate goal is to create and play around with 3D camera's in JavaScript and these initial experiments explore essential elements necessary for 3D mathematics.  This is a new extension to the  on Moving elements from the...

I decided to make all my javascript experiments downloadable. Click on the ".zip" icon bellow each experiment to download all source code with HTML|CSS|JavaScript and assets.If you like the experiments and find them usefull in your projects....