Best jQuery Other API Plugins & Tutorials with Demo

    Open Source HTML5 Audio Player: Boombox.js

    html5 jquery audio player

    HTML5 introduces the audio element which offers a way to play audio natively in the browser. However the native controls are a little lacking in style. Thankfully HTML5 also brings Media Element API to interact with which allows us to skin an Audio object however we want.

    Display Facebook Photos To Your Website with FQL and jQuery Lightbox

    Display Facebook Photos To Your Website with FQL and jQuery Lightbox

    Hi there! Today we’re going to do a code that:

    1. Gets photo albums and photos of a facebook fan page (using Facebook PHP SDK and FQL).
    2. Display these photos to a webpage (assuming it is your website.).
    3. Use jQuery Lightbox to make awesome images presentation.

    Geo Location with HTML5 and Jquery

    google Geo Location with HTML5 and Jquery

    Last few days I have been working with HTML5 elements, it’s very interesting. This post explains you how to get geo location latitude and longitude values using Jquery. I found a geocode location script from html5demos.com and I have customized bit of code. It is useful you can built foursquare kind of location check out web application.

    jLayout – jQuery plugin

    jLayout - jQuery plugin

    The jLayout jQuery plugin provides four layout algorithms for laying out HTML elements in web pages.The plugin allows you to lay out your elements with as little code as possible, and behaves correctly when used with margins, padding and borders.

    MapIt-Lite a customizable google map in jQuery

    MapIt-Lite a customizable google map in jQuery

    A customizable Google map designed to make work with your locations a breeze.

    • One click map locator
    • Easy to use XML file
    • Customizable jQuery themes
    • Clean, simple, organized map locators
    • Support and much more…

    Facebook Wall Script 3.0 with PHP and Jquery

    Facebook Wall Script 3.0 with PHP and Jquery

    Facebook wall script with expanding URLs one of the popular post on 9lessons. It is just collaboration of my previous jquery articles. Recent days I received lots of requests from my readers that asked to me how to display old updates. So that I have decided to release new version with user control support.

    flickrGallery – jQuery Dynamic Flickr Photo Gallery with Slider

    flickrGallery - jQuery Dynamic Flickr Photo Gallery with Slider

    flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.

    The main functionalities of this gallery are a) to pull in images dynamically from a Flickr photoset, b) to dynamically grow or shrink the gallery area, depending on the size of the images and c) to offer a lightbox effect for small images.

    RSS Driven Dynamic jQuery News Slider Plugin Dynamic News

    RSS Driven Dynamic jQuery News Slider Plugin Dynamic News

    Dynamic News is a jQuery news slider plugin that makes news integration to your web site very easy. Dynamic News plugin supports two ways to add news data.You can either enter your news via HTML markups manually or let Dynamic News plugin load the news from rss feed and build the necessary HTML markups automatically. One cool feature of Dynamic News slider plugin is the news preview or news summary pane, hovering over news headline will show news summary in a tool tip like pop up, which also provides link to news detail page.

    Photobooth with PHP, jQuery and CSS3

    Photobooth with PHP, jQuery and CSS3

    In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.

    The solution we are going to use for this app is webcam.js. It is a JavaScript wrapper around flash’s API that gives us control over the user’s webcam.