Archive for the 'Basic Tutorials' category

When you rate snapshots in the gallery of TheBroth, you may have noticed that the result is displayed immediately.

How is that possible? Surely even using Ajax will take some time? Read more

Everyone on the ‘net is familiar with rating stars. These are like star like images that indicate the rating of an item. The more stars, the better. Typically we find a scale of 0 to 5 stars, and most often these are in increments of half-stars of even full-stars only.

In this tutorial we’ll discuss how we can use CSS to display the stars in a very elegant manner. It even allows to show any rating very clearly, so you’d be able to distinguish a rating of 3.8 from a rating of 4.2! Read more

Many web sites allow users to provide feedback on products, services or other users. In addition to verbal reviews, rating facilities are typically present that allow visitors to rate an item from 0 to 5 (often in conjuction with stars), from 0 to 10, or simply by voting + or -, respectively.

These visitor ratings are then often used to rank the rated items. And when “rank” comes into play, it gets tricky. Read more

This article discusses the principles behind JavaScript animation.

When we say “animation” in this context, we really mean “changing the position of something”. There are other types of animation, where the object doesn’t change its position but rather what is shown at its position changes. An example for that would be an animated gif image. Alas, for the purpose of this tutorial, “animation” means, making it look as if something moves using JavaScript. Read more

Drag-and-drop is one of the most important components of TheBroth. This tutorial describes a simple method for implementing drag-and-drop functionality in a web page using JavaScript. Read more