Archive for 2013

    Multiselect.js : jQuery plugin to customize your select with multiple attribute

    Multiselect.js : jQuery plugin to customize your select with multiple attribute

    This plugin is a drop-in replacement for the standard <select> element with multiple attribute activated.

    Features:

    • Free (under WTFPL license)
    • Works in an unobtrusive fashion
    • Fully open sourced
    • Keyboard support
    • Provides some callbacks
    • Fully customizable via CSS

    aciTree : A treeview control with jQuery

    aciTree : A treeview control with jQuery

    aciTree is a customizable cross-browser treeview control written as a jQuery plugin (requires at least v1.7.1). It offers a API for controlling things down to the element level and it has built-in functionality to load the entire tree with AJAX.

    MelonHTML5 – Metro UI in HTML5, CSS3 & jQuery

    MelonHTML5 - Metro UI in HTML5, CSS3 & jQuery

    Metro UI is a flexible and easy to integrate framework to build your one page website in Windows 8 Metro UI. It is fully powered by HTML5, CSS3 and JavaScript with plengy of options for you to configure it to suit your own needs.

    Features:

    • Desktop and Mobile Device (Phone + Tablet) Ready
    • Resonsive UI Design
    • Old IE Support
    • Sliding Button Bar
    • One Page Application
    • Working with Browser Back button
    • Customizable Tiles
    • Smart Page Content Caching
    • Integration with Google Analytics
    • Object oriented JavaScript framework

    Play Notification Sound using jQuery

    Play Notification Sound using jQuery

    I received lots tutorial requests from my readers that asked to me, how to play a notification sound on website chat?. We implemented this in a simple chat box application using Jquery and HTML5 audio tag, it is just five lines of code. Use Modernizer library for Internet Explorer HTML5 support, please turn on the volume and try this live demo.

    Switchy : jQuery beautiful Select box

    Switchy : jQuery beautiful Select box

    A tiny jQuery plugin that firstly aims to transform a standard <select> in a beautiful switchy element.

    Pimax : Show Picasa/G+ albums and images on your website – jQuery plugin

    Pimax : Show Picasa/G+ albums and images on your website - jQuery plugin

    Pimax displays a photo gallery from your Picasa/G+ albums. The Public albums are pulled from your account and dsiplayed on your website. You can add a public album or add some images to your G+ account; it will be reflected on your website with this plugin!

    You can also add tabs in Pimax for a specific albums you want to highlight. (Like I have a tab for “cH Best” album in my live demo!)

    Flaunt.js : jQuery stylish responsive navigations

    Flaunt.js : jQuery stylish responsive navigations

    Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you’ve pressed…

    jQuery Aperture : Rotate all kinds of elements clockWise

    jQuery Aperture : Rotate all kinds of elements clockWise

    Rotate all kinds of elements clock- or counterclockwise with jQuery Aperture.

    TabLooper : jQuery Responsive Loop Tab Metro UI

    TabLooper : jQuery Responsive Loop Tab Metro UI

    TabLooper is a Responsive Tab jQuery Plugin that is used to create tabs for your sites with responsive layout, support unlimited tabs, combine inline and AJAX content for best performance, move tab content by touch swipe event ( on mobile devices ) or left/right keys ( on desktop/laptop ) or simple click on buttons ( all devices ).

    Features:

    • Responsive Design
    • Unlimited Tabs.
    • Effects for Each Tab Content.
    • Combine Inline and AJAX Content.
    • Support Touch Swipe to move Tab Content ( Mobile Devices ).
    • Support Left/Right Keys to move Tab Content ( Desktop/Laptop ).
    • Click on Buttons to move Tab Content ( All Devices ).
    • Count Total of Tab.
    • Metro UI Style

    jQuery Responsive Bootstrap Modal

    jQuery Responsive Bootstrap Modal

    Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.Extends Bootstrap’s native modals to provide additional functionality. Introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events.

    Bootstrap-Modal can be used as a replacement for Bootstrap’s Modal class or as a patch to the library.

    Overview:

    • Backwards compatible
    • Responsive
    • Stackable
    • Full width
    • Load content via AJAX
    • Disable background scrolling