jQuery and its cousins have come on leaps and bounds over the past few years, fixing a large number of common browser incompatibilities and speeding up code development. Beyond their original use for AJAX-style functionality, they've become useful tools in generating ambitious layouts impossible in traditional HTML.
This tutorial will take you through the process of enhancing a traditional HTML page with a scripted liquid grid layout. The script will take a range of different-sized content blocks and neatly fit them on screen, and even redraw when the window size changes. Don't be frightened; thanks to jQuery and its plug-ins, this boils down to one or two lines of code.
Click here to download the support files (746KB)