Archive for 2012

    Flippage: Turn pages of your DIVs

    Flippage: Turn pages of your DIVs

    FlipPage is a jQuery plugin that creates the illusion of turning the pages of a book.Originally developed for a presentation on touch pad, it can also find its place in an application such as e-book.

    This plugin was developed to use HTML5/CSS3 graphic hardware power and thus create a smoother animation.

    Swiper : jQuery Mobile touch slider with hardware accelerated transitions

    Swiper : jQuery Mobile touch slider with hardware accelerated transitions

    Swiper – is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps. Designed mostly for iOS, but also works on Android and latest Desktop browsers.

    jQuery Touchwipe Plugin use your iPhone, iPad or iPod Touch

    jQuery Touchwipe Plugin use your iPhone, iPad or iPod Touch

    The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery (see demo below). Should also work with Android touchscreens.

    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.