Home

Web Design Resources- Latest

User rating:

Water text effect in Photoshop

This technique shows how to create text composed of water drops in Photoshop.
http://www.stunningmesh.com/2010/03/text-written-by-water/
User rating:

25 Awesome Tips to Become a Successful Freelancer

"Having worked as a freelancer on and off for over ten years, I've created this list of my best tips on how to succeed."
http://www.1stwebdesigner.com/design/25-awesome-tips-successful-freelancer/
User rating:

jQuery Spritely

Spritely is a jQuery plugin that helps you animate sprites and background images.
http://www.spritely.net/documentation/
User rating:

JavaScript Module Pattern: In-Depth

The module pattern in JavaScript is generally well understood, but there are a number of advanced uses that have not gotten a lot of attention.
http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth
User rating:

CSS3 Linear Gradients

CSS3's supports linear gradients, which offer a fast and lightweight way of adding gradients to your page. It can be used in conjunction with a gradient image to get the best of both worlds.
http://www.dynamicdrive.com/style/csslibrary/item/css3_linear_gradients/
User rating:

17 jQuery Plugins for Easy Reordering and Filtering of Page Elements

This article looks at some good jQuery plugins to add reorder, filter, and drag and drop capabilities to your page elements.
http://www.tripwiremagazine.com/2010/03/17-jquery-plugins-for-easy-and-efficient-reordering-and-filtering-page-elements.html
User rating:

See Through Glass Photoshop tutorial

See how to to make a drinking glass that's dropped into an image semi transparent, so the background shows through.
http://www.stunningmesh.com/2010/03/see-through-glass
User rating:

How to Create a Nifty Dynamic Shadow with jQuery

A look at how to create a dynamic shadow using jQuery, a pinch of CSS and some transparent PNGs.
http://www.1stwebdesigner.com/tutorials/how-to-create-a-nifty-dynamic-shadow-with-jquery/
User rating:

HTML5 Rocks My Socks Off

A look at the new tags of HTML5 and why they are awesome.
http://www.threestyles.com/tutorials/html5-rocks-my-socks-off/
User rating:

Harmony- Canvas Drawing Tool

Harmony is a HTML5/ Canvas drawing tool that includes some impressive brushing effects.
http://mrdoob.com/lab/javascript/harmony/
User rating:

Simple Image Panner

Simple Image Panner lets you clip and confine large images to a smaller container, with the hidden portion viewable by dragging inside the image.
http://www.dynamicdrive.com/dynamicindex4/imagepanner.htm
User rating:

CSS3 loading spinners without images

See how to use CSS3's css-transform property to create an animated image-less loading spinner with just code, no images!
http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/
User rating:

Texrt with moving backgrounds using jQuery

This article looks at how to add a moving background to text using jQuery.
http://www.gayadesign.com/diy/text-with-moving-backgrounds-with-jquery/
User rating:

50 Awesome Animations made with CSS3

Here are 50 CSS3 animation examples that perform many motion-based functions normally delegated to JavaScript.
http://www.1stwebdesigner.com/development/50-awesome-css3-animations/
User rating:

Image Power Zoomer

A sleek script that gives any image on your page the ability to be magnified when the mouse rolls over it.
http://dynamicdrive.com/dynamicindex4/powerzoomer.htm

News Tools &
Other Resources


PSD to HTML
Website Templates
PSD to XHTML
PSD to HTML

NewsUser
Privileges

Partners & ResourcesOur
Partners

All images and content copyright © 2004-2010 CSS Drive. Contact Info | Back to Top