Best jQuery Plugins Plugins & Tutorials with Demo

    Intelligist : jQuery Easy to share and demo code in-page plugin

    October 18, 2012 | Plugins, Web
    Intelligist : jQuery Easy to share and demo code in-page plugin

    A jQuery plugin that makes it easy to share and demo code in-page, using GitHub gists.Sharing code is an essential part of the Internet. It’s how we learn.The Gist service that GitHub provides is an instrumental part of that sharing process,making it easy to embed code into your website, and collaborate.

    Intelligist is a convenient plugin for sharing GitHub gists on your website.It allows you to share one or more gists, and even execute the code, which makes it ideal for demoing JavaScript and CSS in-page.

    Read More Demo

    PFold: jQuery Paper-Like Unfolding Effect

    October 18, 2012 | Animation, Gallery, Plugins
    PFold: jQuery Paper-Like Unfolding Effect

    PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding effect. An element can be unfolded in 3D in order to reveal some other content. The idea is to have several levels of folding, where each step of opening will double the element size, hence imitating a folded paper being opened.

    A couple of options are available, such as the unfolding direction for each step and the number of folding steps.

    Read More Demo

    Prism : Lightweight, robust, elegant syntax highlighting

    October 17, 2012 | Core Java Script, Plugins, Web
    Prism : Lightweight, robust, elegant syntax highlighting

    Prism is a new lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s a spin-off from Dabblet and is tested there daily by thousands.

    Features:

    • Each language definition adds roughly 300-500 bytes.
    • Prism forces you to use the correct element for marking up code: <code>. On its own for inline code, or inside a <pre> for blocks of code. In addition, the language is defined through the way recommended in the HTML5 draft: through a language-xxxx class.
    • upports parallelism with Web Workers, if available.
    • Very easy to extend without modifying the code, due to Prism’s plugin architecture.
    • Very easy to define new languages. Only thing you need is a good understanding of regular expressions
    • All styling is done through CSS, with sensible class names rather than ugly namespaced abbreviated nonsense.
    • Wide browser support: IE9+, Firefox, Chrome, Safari, Opera, most Mobile browsers
    • Highlights embedded languages (e.g. CSS inside HTML, JavaScript inside HTML)
    • Highlights nested languages (CSS in HTML, JavaScript in HTML)
    Read More Demo

    Parallax Slider : Responsive jQuery Plugin

    October 17, 2012 | Plugins, Premium, Responsive, Slider
    Parallax Slider : Responsive jQuery Plugin

    Parallax Effect – Full Collection of Sliders comes in 4 versions: Classic, Perpetuum Mobile, Mouse Interaction and Ultra. Each of these 4 versions has 2 skins (bullets & thumbs) and can be used as Fixed Dimensions or as Full Width. Please see the features and check the live preview of this slider and convince yourself of its quality.

    Read More Demo

    bxGallery : jQuery Image Gallery Plugin

    October 17, 2012 | Gallery, Plugins
    bxGallery : jQuery Image Gallery Plugin

    bxGallery is jQuery image gallery plugin that contains automatic thumbnail generation.

    Features:

    • automatic thumbnail generation
    • custom size / cropping methods for thumbnails
    • thumbnail placement option
    • maximum height and width options for main image
    • opacity hover settings
    Read More Demo

    jCouch : A jQuery Plugin for Distraction Free Page View

    October 16, 2012 | Plugins, Web, Zoom
    jCouch : A jQuery Plugin for Distraction Free Page View

    jCouch is a very lightweight jQuery plugin that provides you the feature of viewing a web page in distraction free mode. If your website is text oriented and the visitors on your site prefer reading your site content then this plugin will allow the users to read your web pages in the most convenient way without being distracted by other less useful content on the site. The plugin allows you to combine the selective parts of the web page in a single view.
    Features

    • Light weight
    • Easily customizable
    • Zoom text feature
    • Full jQuery Selectors Support
    • Disable on pressing ‘Esc’
    Read More Demo

    Pedalboard.js : JavaScript framework for Audio effects for guitars

    October 16, 2012 | Plugins, Video & Audio

    Pedalboard-js is a ground-breaking, first of its kind, novel open source JavaScript framework for developing audio effects and applying them to sound sources, and it’s particularly good at guitar effects.
    The API and all the abstraction is built around the concept of guitar effects — pedals and stomp boxes, pots and switches.Right now it only supports Safari and Chrome Nightly.
    You design your pedal with the powerful Webkit audio API, attach pots and switches to it, style it via CSS3 and voila.
    Bring multiple pedals together to create a pedalboard, easily adjust their settings and routing. Prepare as many pedalboards as you’d like, e.g. for your favorite styles. Easily switch pedalboards for a completely different sound.

    Read More Demo

    Cleaver : HTML slideshows with JSON & jQuery

    October 16, 2012 | jSON, Plugins, Slider
    Cleaver : HTML slideshows with JSON & jQuery

    A command-line tool for generating HTML slideshows with JSON.Cleaver is a one-stop shop for generating HTML presentations in record time. Using only an intuitive JSON format, you can produce good-looking, interactive presentations without writing any code or placing a measly textbox.Cleaver produces a single document, output.html containg CSS and JavaScript (jQuery) code.

    Read More Demo

    jQuery 3D Parallax Text And Image Effect

    October 15, 2012 | Image Effects, Plugins, Text Effect
    jQuery 3D Parallax Text And Image Effect

    hey hi today i wanna show you Layers 3D is a powerful jQuery plugin which you can use for creating ‘Parallax’ or ‘Out of the Image’ effects on your site. With ‘fullsize’ mode you can create even a whole parallax effect website!

    You can create layers (we recommend to use PNG images) and position them (by adding left and top properties) inside their container element. After that if you use Layers 3D plugin on the container element the layers will be moving if you scroll on your page (or – optional – if you move your mouse cursor over the element).

    Read More Demo

    xSquare : Responsive Image Slider in html5/jquery

    October 15, 2012 | CSS2 / CSS3.0, HTML5, Plugins, Premium, Responsive, Slider
    xSquare : Responsive Image Slider in html5/jquery

    xSquare is a responsive jQuery image slider. It has a layout that consists of grids making it useful for variety of web page positions. Though the main purpose of the image slider is within a banner position it can easily be implemented as an image gallery or something similar because it is compatible with lightbox, prettyPhoto etc. The loading of images is done via smart lazyLoad with an implemented loader. Effective sliding transitions make the slider have a more dynamic look. The xSquare responsive image slider gives you the option to place up to 7 images in one slide or to place one effectively sliced photo.

    Read More Demo