Best jQuery Other API Plugins & Tutorials with Demo

    jQuery quickie: Unlimited Scroll using the Twitter API

    jQuery quickie: Unlimited Scroll using the Twitter API

    I’m currently working with Silverlight and implemented unlimited scroll. This is a great technique that could be used on loads of websites. Instead of the regular pagination, where the user has to click to see the next page, unlimited scroll automatically loads the next page when the user is at the bottom.

    I wanted to take this technique and port it to another jQuery example. So the quickie for today is Unlimited scroll using jQuery. I’ve using the Twitter API to make the example, so you’ll learn a little bit about JSON too…

    jQuery Lifestream – Create a stream of your online activity

    jQuery Lifestream – Create a stream of your online activity

    jQuery Lifestream is a plugin that allows you to create a stream of your online activity. It supports a multitude of services.

    It currently supports the following feeds: Bitbucket, Bitly, Blogger, Digg, Dailymotion, Delicious, DeviantART, Dribbble, Facebook Pages, Flickr, Formspring, Forrst, Foursquare, Github, Google Reader, Instapaper, Iusethis, Last.fm, LibraryThing.com, Mlkshk, PicPlz, Pinboard, Posterous, Reddit, Slideshare, Snipplr, Stackoverflow, Tumblr, Twitter, Vimeo, Wikipedia, WordPress & Youtube.

    Pulling Your Flickr Feed with jQuery

    Pulling Your Flickr Feed with jQuery

    Feeds are the easiest way to view updated content, whether it’s through a feed reader or outputted onto a web site. There are many different types of feeds, such as RSS or Atom, and many different ways display them on your site, such as using MagpieRSS to parse an RSS feed in PHP. However, you can also display feeds on your site using JavaScript, so in this post I’m going to be talking about a feed format called JSON and how you can use JavaScript to parse it out and display it…..

    HTML5 File Uploads with jQuery

    jQuery HTML5 File Uploads

    Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.

    The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on the server, but you could improve it any way you like.

    Display your Favorite Tweets using PHP and jQuery

    Display your Favorite Tweets using PHP and jQuery

    If you have a twitter account, you oftentimes find yourself looking for a way to display your latest tweets on your website or blog. This is pretty much a solved problem. There are jQuery plugins, PHP classes andtutorials that show you how to do this.

    However, what happens if you only want to display certain tweets, that you have explicitly marked to show? As minimalistic twitter’s feature set is, it does provide a solution to this problem – favorites.

    In this tutorial, we will be writing a PHP class that will fetch, cache, and display your favorite tweets in a beautiful CSS3 interface.

    bMap – jQuery maps plugin

    jQuery maps plugin

    The bMap jQuery plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons.The plugin can manage a sidebar for you, one with a list of markers, one with a list of layers. The sidebars can be styled with CSS.The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object.

    zWeatherFeed – Yahoo! Weather plugin for jQuery

    jQuery Weather plugin

    This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

    Features:

    • Define one or more locations.
    • Choose to include background image indicating condition.
    • Displays day or night images.
    • Returns city, current temperature and condition description.
    • Choose to include high/low temperatures and wind speed.
    • Creates a link to read full forecast as Yahoo!.

    jQuery Image Load

    jQuery Image Loader

    Found a tutorial about image loading using Jquery written by Remy Sharp while trying to create the same function for company i am working at. Remy has publish the core script and here i will modify it to make it work for multiple images, and load in sequencing order.

    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.