Create a liquid grid design
Turn a conventional blog layout into a scripted, truly liquid grid that can handle different sized blocks of content. Ben Wise shows you how.
JavaScript frameworks are becoming increasingly essential in creating a rich user experience on the web.
Advertisement
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.
.jpg "Computer Arts Collection: Illustration")
Comments