10 Awesome jQuery Tutorials About Twitter

14th Jul 2010 | Posted by Eko S. | 18 Comments

jQuery now becoming one of the most popular javascript library, because it is very fast and concise Javacript library simplifing and different event handling, smooth animation with very little code. jQuery gives web designers a wide range of activities and opportunities to develop a wide range of variation effects to your websites.

Below are 10 awesome jQuery tutorials will allow you to insert very interesting effects and help you to unite of one of the most popular social media networks : Twitter, in to your website.

---

A jQuery Twitter Ticker

Demo

In this tutorial we are going to create a pure jQuery & CSS twitter ticker which utilizes Twitter’s Search API. It will show your or your friends’ latest tweets, and will not require any server side code or databases. As a result, the ticker will be easily included into any web page and easily modified to your likings.

---

How To Display Your Twitter Status in a Unique Design

Demo

There are stacks of plugins out there that allow you to display your latest tweets on your website or blog. However sometimes, all you want is to quickly and simply display your latest Twitter updates, without wrestling with preset styling, or lengthly settings.

---

Using the Twitter Search API

Demo

Twitters new search feature is great for finding interesting people and topics to follow. So i wrote a script to get search results from twitter and display them on your site. This could be integrated into an existing application or used standalone to follow a particular topic or keyword on twitter,

---

How To Get Digg, Delicious and Tweet Counts Using jQuery

Demo

Majority of online services allow you to access some of their data through public API methods. Unfortunately most of the data formats served by these APIs can only be accessed using server side code. This is mainly due to JavaScript’s same origin policy, which restrict it from loading data from remote sites.

---

Perfect Dropdown Login Box like Twitter using jQuery

Demo

Today, I will make an entry to show you how to create a login drop down with Twitter style using jQuery. It’s really easy, it’ll help you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form.

---

jQuery quickie: Unlimited Scroll using the Twitter API

Demo

Time for another relatively simple jQuery tutorial, just like my previous jQuery quickie. At work, 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.

---

Create a Twitter-Like “Load More” Widget

Demo

Both Twitter and the Apple App Store use a brilliant technique for loading more information; you click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX, CSS, Javascript, JSON, PHP, and HTML to create that magic. This tutorial will also feature both jQuery and MooTools versions of the script.

---

Create a Fun Tweet Counter With jQuery

Details

In this tutorial, we will look at using jQuery to call Twitterís API and then use the results to create a widget for a blog or personal website that shows what hours during the day we tweet at the most.

---

Twitter API: How to create a stream of messages

Details

This tutorial illustrates a very simple way to work with the Twitter API in order to implement a search in the Twitter public timeline and display search results with an animated stream of messages (tweets).

---

Web Speaks: Twitter like Login Box with Jquery & CSS

Demo

This tutorial shows a smarter way of dispalying login box in your web application. It is just similar to Twitter login box.

Conclussion

I hope you all love this collection

If you have any sugestion or any thinks else, please feel free to say it!
Thanks…

If need some help for 642-874 then get the latest ccsp compiled by our certified experts to help you pass exam in first attempt.You can also download ccna voice.

10 Comments to “10 Awesome jQuery Tutorials About Twitter”

Add Comments (+)

1. Webstandard-Blog says:

   July 16, 2010 at 01:11

   Very nice collection, but if you want some more don’t miss Webdesign inspired by jQuery and Twitter!

   Reply
2. Beben says:

   July 16, 2010 at 04:20

   wow dari Indonesia nih…xixixixi
   makasih makasih ^_^’

   Reply
3. Mo says:

   July 16, 2010 at 09:20

   This is a great collection. I’ll be incorporating some of the features presented here in my site.

   You might also consider the Pay4Tweet Plugin at http://www.pay4tweet.com/pay4tweet_plugin.php. Sell tweets as text ads then present them on your site in the same you’d use Google Adsense.

   Thanks for putting this together. Just tweeted it too.

   Reply
4. Jennifer R says:

   July 17, 2010 at 06:32

   Well, it’s a nice collection and good for any designer

   Reply
5. Eko S. says:

   July 19, 2010 at 01:28

   @Webstandard-Blog : Thanks for adding the resources, nice collections too

   @Beben : Salam kenal mas, lagi berjuang nih

   @Mo : Thanks for the tweet

   @Jennifer : We glad you like

   Reply
6. fanoy says:

   August 11, 2010 at 20:59

   mas, kalo mau buat related post dan If you like this, then you might also like: seperti di postingan ini pakai plugin apa?

   Reply
   • Eko S. says:

     August 12, 2010 at 00:48

     Em…Itu terpisah mas.
     - Yang related post itu kami menggunakan YARPP plugin dengan style buatan sendiri, kami belajar dari artikel ini : Display Thumbnails For Related Posts in WordPress.
     - Sedang yang dibawahnya, itu script yang kami dapat secara tidak sengaja. Kami mendapat penawaran dari situsnya langsung. Tapi siapa aja bisa kok mendaftar disini : Order Widget.
     Semangat! Jangan pernah berhenti untuk terus belajar dan berusaha…
     

     Reply
7. fanoy says:

   August 13, 2010 at 06:28

   mas, gimana cara download theme UpSide? http://www.dynamicwp.net/upside-documentation/#options

   Reply
   • Eko S. says:

     August 14, 2010 at 00:26

     Oiya, untuk UpSide theme…kami belum sempet membuat halaman releasenya. UpSide theme adalah guest theme kami di situs sixrevisions.com anda bisa mendownloadnya di sini : UpSide: A Free WordPress Theme.

     Oke…

     Reply
8. Darnell Mehta says:

   October 28, 2010 at 19:21

   Hello great post. I had a little difficulity viewing this article off my Android though, not sure why?

   Reply

Trackbacks/Pingbacks

1. 10 Awesome jQuery Tutorials About Twitter | DynamicWP » KHMER855.COM
2. 10 Awesome jQuery Tutorials About Twitter | DynamicWP | www.kotihost.com
3. Twitted by JQueryBot
4. 10 Awesome jQuery Tutorials About Twitter | DynamicWP » WB Tips
5. Webification Mashup 16-Jul-2010 | Webification
6. 25 Useful jQuery Plugins to Integrate Twitter into Websites with ease | tripwire magazine
7. 15 Really Amazing jQuery Navigation Menu – Tutorials & Scripts
8. Top Jquery Links |Avnish Namdev