Archive for 2012

    Slider Pagination Concept with jQuery UI Slider

    Slider Pagination Concept with jQuery UI Slider

    An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.

    Link Scrapper TextBox – jQuery Plugin

    Link Scrapper TextBox - jQuery Plugin

    This jquery plugin displays a textbox to enter text. When you enter a URL in the textbox, the plugin creates a data box for a link having the link title, description and an image. The plugin works like a URL scrapper and these scrapped values about the URL are available to you as javascript variables.

    Wave Text Effect : jQuery Plugin

    Wave Text Effect : jQuery Plugin

    Need a waving text? There is no need to use static images any more. This script will help you! Wave Text Effect is a jQuery plugin that creates a “wave effect” out of an HTML header. Most important – waving text will be friendly for search engines, editable, selectable. You can use wave period, amplitude and spacing between the letters to customize your effect. For further styling you can still use style sheets – changing your font type, size, colour, background, etc.

    Features:

    • Wave configuration (amplitude, period and letter spacing).
    • You can use CSS to style your text, change color, fonts, add backgrounds etc.
    • Generated text is still selectable.
    • This transformation is SEO friendly!

    jquery.fillwidth : Line up Images to the edge of their Container

    jquery.fillwidth : Line up Images to the edge of their Container

    A jQuery plugin that given a ul with images inside their lis will do some things to line them up so that everything fits inside their container nice and flush to the edges. Used throughout Art.sy to make rows of images fit inside a fluid container and still stay flush without cropping the images.

    jQuery.WebcamQRCode : QR Code scanning in jQuery

    jQuery.WebcamQRCode : QR Code scanning in jQuery

    WebcamQRCode is a jQuery plugin that uses the webcam user to scan a QR code and return the result to Javascript to be treated. This plugin was originally developed to scan the barcode of the product and automatically fill in the corresponding information on the form of an intranet.This plugin uses Flash to access the webcam.

    jqGrid Inline Editing With jQuery Autocomplete FlexBox

    jqGrid Inline Editing With jQuery Autocomplete FlexBox

    This post explains how to use jQuery FlexBox plugin for Google like auto-suggestion box to edit data in jqGrid . Suppose jqGrid has Country column and we want to give auto-suggestion box during editing. When user enters letter, It will auto-populate related country names.

    Maskew : A Javascript library for skewing the shapes of elements

    Maskew : A Javascript library for skewing the shapes of elements

    Maskew is a JS library for skewing the shapes of elements without distorting their contents. It is mobile friendly. There is no dependencies but a modern browser. It is less than 5k in size.

    How To Build an Alphabetical Page Index using jQuery

    How To Build an Alphabetical Page Index using jQuery

    In this tutorial we will be creating a simple page index which uses anchor links as stepping stones on the page. However the “jump” will be animated and scroll down to reach the destination. I particularly enjoy this script because it is portable and easy to install into any website layout.

    jQuery Speedo Popup

    jQuery Speedo Popup

    Speedo Popup is a small, powerful and real customizable jQuery plugin. Speedo Popup is not just a popup, Speedo Popup is:

    • a Popup Plugin
    • a Notification Plugin
    • a Lightbox Plugin
    • an Alert Box Plugin

    And that’s not all.

    You can play videos, you can make a light box of videos and mixed content or you can notify the user when you want, you have the possibility to do whatever you want.It has full compatibility for HTML5 and full fallback for older browsers.

    DataMaps : jQuery Interactive maps for data visualizations

    DataMaps : jQuery Interactive maps for data visualizations

    Interactive maps for data visualizations. Bundled into a single Javascript file.