This is a follow-up article to my recent ebook, Build Your Own Firefox Extension—an extra selection of useful tips, tricks, and hacks that I’ve collected from my experience with building extensions for Firefox, including CodeBurner, the SitePoint Reference extension. Basic knowledge of how to build...

Create a collapsible and draggable panels using javascript. Such UI elements are becoming very popular and are being used with AJAX to create awesome UI. There can be many ways of doing this. Here I will be using Dojo, which is a high quality open source javascript toolkit. The main advantage is multiple...

Over the past few years, our company has had several clients who have needed a smaller shopping cart, usually to sell just a couple of items. We generally built these small carts using paypal. I realized it would be nice to package this up, and create a lightweight, easy-to-use, flexible shopping cart. So...

jqPuzzle lets you easily create sliding puzzles for your web page. Select an image, put it in your page, and add some magic – jqPuzzle will automagically turn it into a full-blown sliding puzzle! If you want, you can highly customize and style your sliding puzzle according to your needs. The interface...

Solutoire took part of PlotKit and wrote some parts himself, then made Plotr which does not need the Mochikit library to work with. It is also a lightweight charting framework with only 12kb. Some time ago I was looking for a charting framework for Prototype and I couldn’t find it, just because there’s...

TypeSelect is a JavaScript-based solution for using selectable custom fonts on the web. It combines the power of typeface.js, jQuery, the canvas, toDataURL, CSS background properties & real overlayed text to accomplish this feature.

WebSlide is a free & JavaScript-based application for displaying/presenting images easily. Mostly, it is built for viewing website design mockups which is very handy for freelancers & web agencies.

TinyTable, a lightweight JavaScript table sorter that was featured before, has its 3rd version released. The new version has fresh features like: search, column averages and totals, record numbering, a view all & a reset function.

jQuery has built-in animations & effects. But when it comes to switching between 2 objects, you may need to code a little more for a flawless display. ImageSwitch is an easy to use jQuery plugin for switching between images using effects.

Mif.Tree is a quality solution for creating tree menus with MooTools. The code is very flexible & lets you control every part of the navigation like: * Adding new rows * Drag’n drops * Sorting, renaming & more.