Archive for 2013

    jQuery Image Select

    jQuery Image Select

    Allows to use images as options of HTML select element. Easy to use and customize. Full touchscreen support.

    The plugin has two display modes: drop-down (up, left, etc.) list and checkbox / radio button. In second display mode you can specify the number of images that will be displayed and choose the axis of scrollbar. There are several options of themes and skins. Plugin has own select tag styles which can be easily modified.

    Features:

    • Flexible
    • Easy to use
    • Supports all major browsers
    • Touchscreen support
    • Lightweight
    • CSS skinning

    jQuery Tabs Widget with Ajax Content

    jQuery Tabs Widget with Ajax Content

    In this tutorial I want to demonstrate one such method for creating dynamic content tabs. We will load in external HTML data from local files pulled via Ajax commands. This technique has been simplified over the years so we aren’t struggling to build multiple XMLHttpRequest calls. Check out the demo page below and see what we’ll be creating.

    howler.js : Modern Html5 Web Audio Javascript Library

    howler.js : Modern Html5 Web Audio Javascript Library

    Howler.js is a JavaScript library that works with Web Audio API by default and falls back to HTML5 Audio when not supported.

    Features:

    • Defaults to Web Audio API
    • Falls back to HTML5 Audio
    • Supports multiple file formats to support all browsers
    • Automatic caching for Web Audio API
    • Implements cache pool for HTML5 Audio
    • Per-sound and global mute/unmute and volume control
    • Playback of multiple sounds at the same time
    • Easy sound sprite definition and playback
    • Fade in/out sounds
    • Methods can be chained
    • Uses no outside libraries, just pure Javascript
    • Lightweight, 7kb filesize (2kb gzipped)

    jQuery Push-state Navigation plugin

    jQuery Push-state Navigation plugin

    Enable the new push-state navigation in your web site.This plugin enables the new html5 history API on your web site.

    Parsley.js : jQuery Powerful forms validation

    Parsley.js : jQuery Powerful forms validation

    Parsley.js is jQuery Powerful forms validation.Never write a single javascript line anymore to validate your forms FrontEnd. Parsley will do that for you and do it right, thanks to its powerful DOM-API !

    Microfiche.js : jQuery Carousel library

    Microfiche.js : jQuery Carousel library

    A carousel library made With Associates, focusing on performance, simplicity and touch.

    3D FlipBook – Responsive jQuery Plugin

    3D FlipBook - Responsive jQuery Plugin

    Responsive design – book resizes so it fits screen width or screen height depending on the layout, thumbnails are placed horizontally or vertically depending on the layout.

    Features:

    • optimized for mobile – look and feel of a native app on mobile with touch swipe, pinch zoom etc
    • easy to use and customize – create book and change book settings in the xml. Change style in the css
    • no Flash Player needed – works everywhere
    • choose between 2 types of flip animation – 2d or 3d flip animation customizable animation speed and transition type
    • show all pages – vertical or horizontal thumbnails depending on the layout, with scrollbar, optimized for mobile devices
    • advanced zooming support with mouse wheel zoom on desktop, pinch zoom on mobile, scrollbars when zoomed, touch swipe, click and drag
    • real fullscreen support – if fullscreen is not supported by the browser, the icon will not be shown in the menu, if fullscreen is supported it will expand the book in real full screen mode, not browser full screen
    • 2 sets of iocns included – light and dark

    Toolbar.js : jQuery plugin that creates tooltip style toolbars

    Toolbar.Js : jQuery plugin that creates tooltip style toolbars

    Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.

    Features:

    • Straightforward implementation with simple options
    • Can run as many toolbars as required
    • Toolbars can be attached to any element required
    • Toobar icons are easily customised through the popular twitter bootstrap framework
    • Toolbars are responsive and follow the element on resize

    GFX : 3D CSS3 animation library with jQuery

    GFX : 3D CSS3 animation library with jQuery

    GFX is an 3D CSS3 animation library that extends jQuery with some useful functionality for programmatically creating CSS3 transitions. CSS3 transitions are superior to manual ones (using setTimeout) since they’re hardware accelerated, something particularly noticeable on mobile devices.

    GFX currently only supports WebKit browsers (Safari/Chrome). Firefox support is planned.

    jQuery Scroll Content Presenter with CSS3

    jQuery Scroll Content Presenter with CSS3

    It is an extension that allows you to create an unique and beautiful style of navigation , showing the contents of your site through animations and colors to engage your visitors. Scroll Content Presenter builds the navigation menu for you based on the structure of your HTML.

    Features:

    • Vertical and horizontal navigation
    • Custmom scroll
    • Parallax animation
    • CSS3 transitions
    • Built using bootstrap
    • Generate navigation menu for you