Best jQuery Web Plugins & Tutorials with Demo

    jQuery webfonts : jQuery based webfonts extension

    May 7, 2013 | Plugins, Text Effect, Web
    jQuery webfonts : jQuery based webfonts extension

    jQuery WebFonts extension adds font embedding capability to jquery using the WebFonts technology. The extension provides a flexible way to choose font from a font repository and apply on html elements.

    Features :

    • Flexible font repository. The extension can work with any font repository file system.
    • Provides many APIs to customize and extend.
    • Applies font based on the html lang attribute of the elements
    • Make sure the font defined using font-family style for any elements, either using inline css or external css’ available for the reader. – without any extra code.
    Read More Demo

    is-loading : jQuery plugin to show visual feedback when loading data

    April 29, 2013 | Plugins, Web
    is-loading : jQuery plugin to show visual feedback when loading data

    Simple jQuery plugin to show visual feedback when loading data or any action that would take time.

    Read More Demo

    MindMup MapJs : Zero Friction Mind Map Canvas with jQuery

    April 29, 2013 | Plugins, Web
    MindMup MapJs : Zero Friction Mind Map Canvas with jQuery

    MindMup is a zero-friction mind map canvas. Our aim is to create the most productive mind mapping environment out there, removing all the distractions and providing powerful editing shortcuts.

    This git project is the server-side portion of MindMup. It provides a web interface that serves maps, allows users to edit and save them, provides menus and feedback forms and links to analytics. All maps are public, and each time anyone saves a map the changed version gets a unique URL.

    Read More Demo

    jQuery fullContent : Enables fully websites

    April 26, 2013 | Plugins, Web
    jQuery fullContent : Enables fully websites

    jQuery full content enables fully websites.

    Features:

    • Create fully containers with width and height of window
    • Dynamic position: Each container could have vertical and horizontal position set
    • History hash in URL
    • Scroll animation between containers
    • Simple configuration and easy use
    Read More Demo

    Fullscreen Layout with Page Transitions with jQuery & CSS3

    April 24, 2013 | CSS2 / CSS3.0, Web
    Fullscreen Layout with Page Transitions with jQuery & CSS3

    Today we’d like to share an experimental responsive layout with you. Initially, the layout shows four flexible boxes. When clicking on a box, it will expand to fullscreen and the others will scale down and fade out. When closing the current view, it will move back to the intial position while the other boxes come back up again. Another type of page transition can be seen on the works section where we will show a portfolio item by sliding in a panel from the bottom. The current view gets scaled down and disappears in the back.

    All effects are done with CSS transitions and controled by applying classes with JavaScript. The whole layout is flexible and some media queries are added to size down things for smaller screens.

    Read More Demo

    Kool Swap : Ajax load support for websites with jQuery

    April 22, 2013 | Ajax, Web
    Kool Swap : Ajax load support for websites with jQuery

    Kool Swap enables impressively ajax page load support with history for websites. Just tell the plugin what should be switched and what are the triggers and swap pages in a nice way!

    Read More Demo

    Creating Windows-8-like 3D animations with CSS3 and jQuery

    April 19, 2013 | Animation, CSS2 / CSS3.0, Web
    Creating Windows-8-like 3D animations with CSS3 and jQuery

    I have recently realized that it’s been such a long time since CSS3 animations were introduced into the web, and yet I haven’t really experimented or made any demos with them before.
    I’ve also been using Windows 8 for a while now (and loving it), and the first thing I thought was impressive about it, was the transitions and animations built into the dashboard, so I thought it would be really cool if my first experiment with 3D would be to duplicate the effects I saw in windows 8 into a demo of my own.

    Read More Demo

    Crawl Web Pages In PHP And jQuery

    April 19, 2013 | PHP, Web
    Crawl Web Pages In PHP And jQuery

    You All know Google used to crawl web pages and index them into there database of millions and trillions of pages they use a great software called spider to perform this Process   this spider will index all the web pages in the internet with great speed like the same way i coded out a simple mini web crawler crawls  the specific webpages and get out there links and displays it, i used PHP and Jquery to perform this actions when a people types the url and clicks crawl the software  crawls the whole web page and displays the link present in it  and you can see the demo here and download the script for free

    Read More Demo

    MelonHTML5 – Metro UI in HTML5, CSS3 & jQuery

    April 17, 2013 | CSS2 / CSS3.0, HTML5, Premium, Responsive, Web
    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
    Read More Demo

    Play Notification Sound using jQuery

    April 17, 2013 | HTML5, Web
    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.

    Read More Demo