Home Home Home Submit Home Contact Home Advertise Home Donate

Latest Tutorials and Scripts


avatar
iCarousel is an open source (free) javascript tool for creating carousel like widgets.

Page Effects | 12 May 2007 | 169 | 0 Comments

avatar
If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles - top and bottom. This CSS dock menu is perfert to add on to my iTheme. Here I will show you how to implement it to your web page.

Navigation | 08 May 2007 | 302 | 0 Comments




avatar
This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day. Here's what you'll get:

CSS | 07 May 2007 | 267 | 1 Comments

avatar
* onClick event keeps selected item open.
* Click open item to close.
* Specify a function for the onClick event.
* Auto open when the page loads.

Please View Source to see, requires mootools, MIT-Style License.

Navigation | 06 May 2007 | 424 | 0 Comments

avatar
I thought to myself: "Ok, there is this information that we are hiding. But why not show that hidden information when the user is hovering the link?" So i opend up the "Edit CSS"-Pane from the Web Developer-Toolbar in Firefox and added some "more" CSS to achieve that.

CSS | 04 May 2007 | 208 | 0 Comments

avatar
As you may have realized, this is an image magnifier. It's a completely rewritten version of my script tjpzoom, but still is in JavaScript / DOM :). If you move your mouse over the picture, you can see a little zoom window with a magnified version of a part of the picture in it. But there is more...

Image Effects | 02 May 2007 | 279 | 0 Comments

avatar
Loupe.js and Loupe.png allows you to add a loupe (magnifier) to images on your webpages. It uses unobtrusive javascript to keep your code clean.

Image Effects | 01 May 2007 | 157 | 0 Comments

avatar
DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents.

Navigation | 26 Apr 2007 | 305 | 0 Comments

avatar
This DHTML-driven browser-based app provides viewing of photos sorted by collection. A few different CSS-driven "skins" are also available to choose from. Thumbnails are dynamically displayed allowing for quick visual searches within a collection, and XML/XSLT functionality provides for more dynamic data sources and ease of updates.

Image Effects | 23 Apr 2007 | 130 | 0 Comments

avatar
I think that for me, as well as many other web developers, the spark was lit when I saw Google Suggest for the first time. Since then, I've wanted to (re-)create that JavaScript since I think it's a perfect example of good progressive enhancement; helping the end user, but it's nothing vital that the whole web site depends on.

AJAX | 21 Apr 2007 | 125 | 0 Comments

More Tutorials