One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we’re going to build a simple little tabbed information box in HTML,...

Believe it or not, there’s a lot of powerful interactivity you can bring to your site using javascript besides slick navigation menus! This tutorial will help you find your inner cow by introducing you to one of the most powerful and modular javascript libraries—MooTools! We’ll be creating...

A great, slick way to display RSS feeds. Nice and smooth sliding effects. Server side support Usage: This script requires that you have access to PHP on your webserver. Creating RSS box and specify url of feed This scripts loads content from an external RSS file into a div on your page. The first you...

JHeartbeat is a plugin for JQuery 1.0.1 that allows a web page to periodically poll the server. This polling can be used to keep the user’s session alive or to download updated information. To use JHeartbeat, add the following to the HEAD section of your website. <script type="text/javascript"...

BetterTip is a plugin for the JQuery library that allows you to create custom tool tips. It is based on Cody Lindley’s jTip, but it is much more flexible. To use BetterTip you first have to obtain the jQuery Library. Next you’ll need to Download BetterTip. This download contains a compressed...

Pamoorama is a simple script that aims at spicing up your panoramic image a little bit. It quite small in size (5kb) and requires MooTools (required MooTools module will be listed below). No CSS file, barely any html.. Basically what it does is to show only a part of your fullsize image. The image can...

AJS is a ultra lightweight JavaScript library that is around 2 years old. It is inspired by MochiKit, but differs by being small and expressive. The current version is only 33 KB (uncompressed!), whereas MochiKit and other libraries such as JQuery, Mootools or Prototype is over/around 100 KB. AJS includes: ...

Imago is an Ajax Image Gallery with focus on simplicity and ease of use. It’s plain JavaScript and build on the mature ajax library mootools. No server side scripting is required! Neither is flash. Whether your photos are on flickr, smugmug or you’d like to host them yourself, Imago can show...

You can perform check during the datas entry or on the submit action, shows errors as tips or in a div before or after the field, show errors one by one or all together, show a list of all errors at the top of the form, localize error messages, add new regex check, … First link MooTools dependencies <script...

Lately I’ve been working on a pet project where I needed to freeze a GridView header so that it didn’t move while the grid records were scrolled by an end user. After searching the Web I came across a lot of “pure” CSS ways to freeze a header. After researching them more they...