In this tutorial, we will be creating a jQuery script that retrieve twitter tweets from user account. It’s quick and easy, come with link, hash tag, alias parser as well as time posted (calculated relatively). Most importantly, everything has a class and will be flexible to style and match your design!
Best jQuery Other API Plugins & Tutorials with Demo
Tweet! jQuery Twitter Widget for your site
Tweet! put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery.Following Features :
- small size and fast download time
- display up to 100 tweets, as permitted by the twitter search api
- display tweets from a twitter search, or from your own feed
- optionally display tweets from multiple accounts!
- display tweets from a list, or display a user’s favorites
- automatic linking of @replies to users’ twitter page
- uses Twitter’s Search API, so you can display any tweets you like
- Display up to 100 tweets that have been posted within 7 days (limit set by Twitter’s Search API)
- automatic linking of #hashtags, to a twitter search of all your tags
- converts <3 to a css styleable ♥ (we ♥ hearts)
- customize the layout for tweets within the widget
- define a custom sort order for tweets
SimplyScroll a jQuery plugin for scrolling a set of images/elements
simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically. It can also accept dynamic image input via a Flickr feed (note not full API integration) or a local JSON source. This plugin can be performance intensive, so speed and framerate are fully configureable to accomodate lower spec systems.
jQuery Slideshow / Image Gallery Plugin: PikaChoose
Pikachoose is a lightweight jQuery slideshow / image gallery plugin for rotating through a series of images, comes with tons of great features!
jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel. PikaChoose has API hooks for integrating lightboxes and other things.
Knockout a Dynamic jQuery UI
Knockout a Dynamic jQuery UI a dynamic jQuery UI by applying the Model-View-View Model(MVVM) pattern.Easily associate DOM elements with model data using a concise, readable syntax.When your data model’s state changes, your UI updates automatically.
Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainably.
jQuery Geo – an interactive mapping plugin
Query Geo, an open-source geospatial mapping project from Applied Geographics, provides a streamlined JavaScript API for a large percentage of your online mapping needs. Whether you just want to display a map on a wep page as quickly as possible or you are a more advanced GIS user, jQuery Geo can help!
Embellishing Your Google Map with CSS3 and jQuery
Interactive maps are neat. It’s not hard to get a basic map embedded on your page, but Google provides a rich and easy to use API for embedding and decorating maps on your web page, so there should be no excuse for boring default maps.
In this article I’ll share a technique I used recently to spice up the “Places to shop and eat” map on Vegan Melbourne, using a combination of the Google Maps API, jQuery animation, and some newer CSS effects.
Latest Tweets Tooltip with jQuery
If you have a news website, it might be interesting for you to allow your users to see the latests tweets about a topic. Here is a jQuery plugin for showing the latest tweets about a certain word or phrase.A very interesting plugin that lets you display the latest tweets about a certain topic inside a resizeable tooltip.
