thumbs.js : Add touch support to your browser with jQuery

    thumbs.js : Add touch support to your browser with jQuery

    Add touch support to your browser with thumbs.js – a small, transparent, and syntax-less library.Small, transparent, and syntax-less library that adds touch support to your browser.

    • Handy for desktop debugging
    • Add touch to touch-less devices
    • Does nothing on touch-enabled devices
    • PhoneGap and mobile web friendly

    zSnow : jQuery/HTML5 snow animation theme

    zSnow : jQuery/HTML5 snow animation theme

    zSnow can make your normal website into a winter/christmas theme! With more than ten options to choose from, you can make it as unique as possible. Each flake is programmed, calculated and generated to behave different than the others. The flakes are easily modifiable PNG images drawn in PS.

    Users can enjoy your website even more by playing around with the flakes as each one is completely different and interactive. They will play a tone and fade away as the user hovers them.

    jQuery Plugin for Fixed Header Tables

    jQuery Plugin for Fixed Header Tables

    jQuery plugin for tables with fixed headers.FixedHeaderTable in its simplest form displays a fixed header for any valid table mark-up. This is an active jQuery plugin project so expect new features and improvements to be released.

    Some options include a fixed footer using the tables tfoot element or cloning the thead as a fixed footer. This plugin is meant to be lightweight, easy to use and performant.

    How to Make a Single Page Website in jQuery

    How to Make a Single Page Website in jQuery

    This tutorial explains how to create a vertical-scrolling single page website in four steps using jquery.There are at least 3 kinds of Single Page websites. The basic idea is that all content is placed on one page, but only a portion of it is centered on your computer screen at a given time. Then you can watch the old content slide away when you click a link, instead of loading a whole new page. Often, the scroll bar is still visible on the side, so you could actually drag it up and down and see the whole page at once.

    Merry Scrolling with skrollr.js

    Merry Scrolling with skrollr.js

    A step-by-step tutorial on how to create a beautifully looking Christmassy scrolling effect by Paulina Hetman from Pepsized.skrollr is much more than “just” parallax scrolling. It’s a full-fledged scrolling animation library. In fact, you can use it and still have no parallax scrolling at all. But I wanted to sound hip and use some buzz-words. By the way, skrollr leverages HTML5 and CSS3.

    skrollr allows you to animate any CSS property of any element depending on the horizontal scrollbar position. All you need to do is define key frames for each element at certain points in top scroll offset.

    IMGr : jQuery Image Rounder

    IMGr : jQuery Image Rounder

    IMGr is a jQuery plugin for rounding image corners. The script utilizes CSS3 in modern web browsers, and VML in Internet Explorer 8 and below.

    Features:

    • Unobtrusive, <img> element preserved
    • Configure border size, style, color and
      individual corner radius
    • Update corners dynamically
    • Uses CSS3 in supporting browsers
    • Uses VML in IE 6, 7, and 8

    jCapSlide: A jQuery Image Caption Plugin

    jCapSlide: A jQuery Image Caption Plugin

    Here is a new plugin for creating nice sliding captions for images. When hovering over the image, the caption appears and the image gets a semi-transparent color overlay.

    jQuery My Fade Over Image

    jQuery My Fade Over Image

    This plugin create a fading effect for image on mouse over. In addition, you can select a color tone filter for your images. The tone is set for the images, when they are not hovered. When it is hovered, the color tong filter will be removed, so that there is a clear distinction between this selected image and other non-selected images. You do not need to prepare multiple sets of images, also you can change the color tone using javascript.

    jAnalytics : jQuery Add Google Analytics stats to your website

    jAnalytics : jQuery Add Google Analytics stats to your website

    With jAnalytics you can add Google analytics stats and event tracking to your website. It will automaticly add event tracking to your outbound, email and download links.

    Features:

    • Add google tracking code to your website
    • Optitional track email links
    • Optitional track outbound link clicks
    • Optitional track form submits
    • Optitional track download links from specific file extensions
    • Automaticly adds event tracking to the different links

    spriteOnHover (Sprite on Hover) – jQuery plugin

    spriteOnHover (Sprite on Hover) – jQuery plugin

    spriteOnHover (Sprite on Hover) is a lightweight jQuery plugin designed to animate your sprite sheets on hover (duh).The spriteOnHover plugin will autodetect how many frames your sprite has, based on the orientation parameter, but it’s crucial that every frame has the exactly same size as the others. For now, multi-line sprites are not supported.