TUTlist.com - Home

This tutorial shows the jQuery techniques necessary to create a slider effect similar to the one used by Panic.com on the Coda page.

Submitted by: JohnGalt
Submitted on: Jul 26, 2009

The hover zoom effect basically reverse zooms an image while fading in a label on top of it when the mouse hovers over it. It makes for a pretty slick effect which could be used on thumbnails. As always, you can check out a demo or grab the source right here if you don’t want to read the entire tutorial.

Submitted by: JDStraughan
Submitted on: Jul 24, 2009

This tutorial offers both an in depth view of the Git distributed version control system while offering plenty of examples. The humorous style and real world solutions make this a must read for anyone learning or using Git.

Submitted by: Kermit
Submitted on: Jul 22, 2009

I’ve always seen Digg as a very progressive website. Digg uses experimental, ajaxified methods for comments and mission-critical functions. One nice touch Digg has added to their website is their hover share widget. Here’s how to implement that functionality on your site using MooTools.

Submitted by: JDStraughan
Submitted on: Jul 23, 2009

For years, Internet Explorer 6 (IE6) has been the bane of existence for web designers around the world. Designers and users alike have come to enjoy the increasingly predictable, standards-compliant behavior of great modern browsers like Firefox, Opera, and Safari. Meanwhile, IE6 continues to haunt our designs, lurking in dark places while dying a painfully slow, agonizing death. As we await that grand and glorious day when IE6 is as dead as Netscape 4, let us be mindful of the endagered species of users who, for whatever sad reason, continue to torture themselves with that terrible beast of a browser. So come now, let us celebrate these last days of IE6 with this definitive guide to taming the IE6 beast.

Submitted by: JDStraughan
Submitted on: Jul 23, 2009

In this comprehensive and step-by-step web development tutorial, you will learn how to convert a Photoshop mockup of a professional web layout design that features an illustrative landscape header into a standards-compliant XHTML/CSS template.

Submitted by: Kermit
Submitted on: Jul 20, 2009

There are plenty of ways to create preloaders for your images, generally a lot of them use JavaScript to get things rolling. No longer are you shackled to JavaScript preloaders, with CSS you can preload your images with little to no hassle.

Submitted by: TJHooker
Submitted on: Jul 20, 2009

In this tutorial we will see some way to select different elements using jQuery, from a basic multiple selection, a multiple selection revealing content and a excluding selection revealing content. See the three examples and read on.

Submitted by: JDStraughan
Submitted on: Jul 21, 2009

Typically, there are two main ways of debugging server-side code: you can utilize an Integrated Development Environment (IDE) with a built-in debugger or log and perform your debugging processes in a web browser.

Submitted by: Kermit
Submitted on: Jul 20, 2009

The jquery slidetoggle() is great, but one thing I always thought it was missing is some opacity fading in the sliding animation. When I was coding this iteration of position absolute I wanted this kind of animation so I went there and coded it. This is a very small plugin, but I still find the effect cooler than a regular sliding.

Submitted by: TJHooker
Submitted on: Jul 20, 2009