Fullscreen Video

Make a slideshow-like fullscreen video background.
View demo »

Create a direction-aware hover effect

Make a direction-aware hover effect CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse. Demo and code download by codrops »


A Content Flip Plugin that creates a booklet-like component, you flip the pages. View demo »

Animated Responsive Image Grid

Create a responsive image grid that will switch images using different animations and timings. Can work as a background or decorative element, you can randomize the appearance of new images and their transitions. What for code to load »

Robby Leonardi tutorialLeonardi »

Loading Effects Animations

The idea is to show items in a grid with an animation once they are in the viewport. Eight different effects »

tuts+ Has Free Courses (Looks like some good ones)

They have a course called ‘30 Days to Learn jQuery’ if you sign-up. His promise “Give me thirty minutes every day for the next month, and I’ll transform you into a jQuery pro!”. So I did, we know we need to learn jQuery, we’ll see!

Refresher: Document Object Model

Refresh yourself with the Document Object Model. What it is. As it relates to JavaScript. Quirks Mode explains.

An Intensive Exploration Of jQuery

Ben Nadel’s video presentation covers most aspects of the very robust feature-set provided by the jQuery library