Best jQuery Web Plugins & Tutorials with Demo

    Ultimate Styleswitcher Framework with jQuery

    Ultimate Styleswitcher Framework with jQuery

    Ultimate Styleswitcher is style switch framework built for designers and developers, or anyone else who have made some awesome template, plugin, etc. and now need some creative way to display all the possibilities of his/her latest project.

    Barba.js : Fluid and Smooth Transition Between Websites Pages

    Barba.js : Fluid and Smooth Transition Between Websites Pages

    Barba.js is a small, flexible and dependency free library that helps you creating fluid and smooth transitions between your website’s pages.

    It helps reducing the delay between your pages, minimizing browser HTTP requests and enhancing your user’s web experience.

    Features:

    • Pjax
    • Transitions
    • Views
    • Events
    • Cache
    • Prefetch

    Get Website Statistics Using PHP, jQuery And MySQL

    Get Website Statistics Using PHP, jQuery And MySQL

    Website statistics like total visitors, total visitors online, total pageviews etc are very beneficial data every website owner must have to get a record of all of these to know how your site performing, how many visitor are online, how many visitor your website get per day or month.Generally website owner use external libraries or other web statistics website to get record of website and some use there own method to get website statistics if you also want to get website statistics by using your own method then this tutorial will definitely helpful for you. In this tutorial we will show you how to get website statistics using PHP, jQuery and MySQL.

    Live Preview Using jQuery

    Live Preview Using jQuery

    Live preview is the live display of any kind of text like code etc in a textbox with proper formatting.When user write something a small box will appear and display the text as user write. So, in this tutorial we will show you live preview using jQuery and HTML.

    Kajero : Interactive JavaScript Notebooks with Clever Graphing

    Kajero : Interactive JavaScript Notebooks with Clever Graphing

    Kajero notebook is just a Markdown document with a script attached. Kajero is designed to make it really easy for anyone to create good-looking, responsive, interactive documents.

    All Kajero notebooks are editable in-line.

    markerPen : jQuery Marker & Eraser Plugin

    markerPen : jQuery Marker & Eraser Plugin

    markerPen is a simple jQuery plugin to incorporate the function of marking contents on a webpage. This plugin would come handy if you are creating webpages for academic purpose where a person can mark details while reading through a huge junk of data.

    The plugin comes with five functions

    • marker
    • Eraser
    • Clear
    • Enable/Disable markerPen
    • Show/Hide Markings

    Typography.js : JavaScript Toolkit for Beautiful Typography

    Typography.js : JavaScript Toolkit for Beautiful Typography

    A powerful toolkit for building websites with beautiful typography.Typography.js provides a vastly simpler way to define and explore typography designs.

    You provide configuration to the Typography.js JS api and it uses its Typography engine to generate CSS for block and inline elements.

    filterjitsu.js : jQuery plugin to Filter DOM Elements

    filterjitsu.js : jQuery plugin to Filter DOM Elements

    Filterjitsu is a jQuery plugin to filter DOM elements based on search query params in the URL. It filters simply by data attributes, making few assumptions on the structure of your DOM.

    There are many ways to filter data on the backend before serving it to the client. Filterjitsu is specifically meant to be used on cached HTML pages served from a CDN, relieving filtering from the backend and allowing for fast page loads.

    jQuery Push Notification Plugin

    jQuery Push Notification Plugin

    This library allows us to use html5 NotificationAPI in jquery.

    Colorpanel : jQuery CSS File Switcher

    Colorpanel : jQuery CSS File Switcher

    Simple jQuery plugin to switch css stylesheet skin theme on your template demo.