Best Website Scripts and Code 

Among the many things to like about Veerle's redesign of her blog is the way she does the hover effects for lists of links. Rather than force others to wade through Veerle's CSS I thought it'd be helpful to show how to create this "block hover" effect.

If you like the way our form fields look on Wufoo.com, here’s how we did it.

Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list.

Show a progress bar during file uploads with Rails.

A more flexible implementation of the popular lightbox script.

If you change the HTML and the CSS of a page there is a decent chance that a user will get the new HTML but not the new CSS. The problem is that the CSS is cashing on the client side. This is a quick hack that will keep your CSS as fresh as your HTML.

Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of articles on them. This page is intended to present the solution I came up, that doesn't requires images, extra markup nor CSS. Let's start.

A simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or javascript.

Using CSS to create standards-compliant, fuzzy drop shadows.

In Web applications I've seen numerous — and personally implemented a few — ways to rearrange items in a list. All of those were indirect interactions typically involving something like up/down arrows next to each item. The most heinous require server roundtrips for each modification...boo.

Then I came across Simon Cozens' example of rearranging a list via drag & drop. I was so inspired I had to try it out myself.

CSS bar graphs that can be printed, copied, and pasted.

Many articles have been written on the grail, and several good templates exist. However, all the existing solutions involve sacrifices: proper source order, full-width footers, and lean markup are the usual compromises made in pursuit of this elusive layout.

The Email Obfuscator hides your emailaddresses on your website, so spambots can't find them. There is an online generator available as well as implementations for jsp, php, asp, c#, asp.net and even a textpattern plugin! Decoding is done by javascript and the generated code is valid xhtml 1.1.

This class is based on Prototype 1.4. The code is inspired of the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file.

It has been tested on Safari, Camino, Firefox and IE6.

This is a php script that make you a money.

This is an AJAX upload progress meter for PHP. The code is released under the GPL.