free web resources for designers and web developers

SohTanaka has made a tutorial: Simple Page Peel Effect with jQuery & CSS. All they are doing is expanding the image on hover, then retracting to its default size on hover out. You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath.

You may also interested in The Sexy Curls jQuery Plugin if you like this tutorial. The page corner can be set to curl automatically. The plugin is released under the MIT license. That means you can do whatever you like with it.

Supersized is a full screen photos slideshow  jQuery plugin.

Features

So, what exactly does Supersized do?

• Resizes images to fill browser while maintaining image dimension ratio
• Cycles Images/backgrounds via slideshow with transitions and preloading
• Navigation controls allow for pause/play and forward/back

Demos

I’ve put together a few example customizations:

• Default settings w/ fade transition
• Slideshow with slide transition, pause on hover, and no thumbs
• Fullscreen background (no slideshow) with content on top
• Fullscreen background (and slideshow) with content on top

Easiest Tooltip and Image Preview is one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail. What this script does is adds an element to the body when you roll over a certain object. That element’s appearance is predefined with css (positioned absolute and styled) so all we need to do is fill the element with content, calculate mouse position and make it move accordingly. When cursor is moved over he object, element moves with it and when cursor roll out, the element is deleted. Easiest Tooltip and Image Preview is powered by jQuery.

MooMonth is a full calendar application written in JavaScript. MooMonth is intended to be heavily configurable and customizable. It features smooth transitions between different views. MooMonth is still in the very early stages of development and should not be used for production-quality products at this time.

jPhotoGrid plugin takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed.  You can check out a demo here.

Nearly all of the styling for this plugin is done in css.  The trick is to layout the grid by floating the list items.  The first thing the plugin will then do, is convert these all to absolutely positioned.  This is what allows the plugin to zoom in on an individual image and then return it to its place.  Like my interactive map plugin, this depends on the browsers ability to scale images.  In my stylesheet, the images are set to width:100% and I simply animate the size of the container.

jQuery Image Scroller Plugin creates a scrollable interface to scroll over a large image in a smaller area.

If you just want to skip ahead, check out a simple demo and download the plugin.

Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It was built using the jQuery library. It is licensed under both MIT and GPL licenses. Codrops has written a tutorial to show us how to use and customize it in order to create a virtual Moleskine notebook with jQuery Booklet.

SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.