Visual-Blast Magazine

Barchart generator – script built using PHP’s GD image library allows you to easily add simple charts in your web pages.

Barchart script accepts a number of parameters in the <img> src element, you can also set more global settings in the PHP file itself, giving you full control over what data is displayed, in what colors, sizing, fonts, font angle, chart height and more.

It’s easy to use, just call the script in the src of an <img> element like:

<img src=”../path/to/barchart.php?params” />  - where params is a set of property/values.

Fluid Images – a little script that automatically resize your images.

The script is needed to get fluid images resizing smoothly in Internet Explorer earlier than version 8. Otherwise, you can just use a simple CSS fix.

View Demo | Download Script

The script cycles through your document, swaps out the images for a transparent GIF, and applies the AlphaImageLoader property to each one. Then, whenever the window’s resized, the script automatically recalculates the proper, proportional height and width of the image, and resizes the spacer graphic accordingly.

addSizes.js – a little script that automatically adds file size after the link, like ‘pdf link (pdf 2.8 MB) and an ‘mp3 file link (mp3 4.9 MB)’. To use this script in your site, simply include jQuery and then the addSizes script itself will do the rest of the magic.

ShiftZoom 1.0 – allows you to add zoom and pan functionality to oversized images on your webpages. It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+, IE 6+ and Safari. Works also on older browsers supporting images/ createElement/ getElementById, else it’ll degrade and your visitors won’t notice a thing.

MoreCSS is a small JavaScript library for everyday things, like creating popups, tab menus, tables and lists with “zebra”-style … etc. But the really special thing is: you can do these things like in regular CSS.