10 Awesome jQuery Tutorials About Twitter
14th Jul 2010 | Posted by Eko S. | 18 CommentsjQuery 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.
About The Author
10 Comments to “10 Awesome jQuery Tutorials About Twitter”
Add Comments (+)-
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.
-
@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
-
mas, kalo mau buat related post dan If you like this, then you might also like: seperti di postingan ini pakai plugin apa?
-
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…
-
-
mas, gimana cara download theme UpSide? http://www.dynamicwp.net/upside-documentation/#options
-
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…
-
-
Hello great post. I had a little difficulity viewing this article off my Android though, not sure why?
Trackbacks/Pingbacks
- 10 Awesome jQuery Tutorials About Twitter | DynamicWP » KHMER855.COM
- 10 Awesome jQuery Tutorials About Twitter | DynamicWP | www.kotihost.com
- Twitted by JQueryBot
- 10 Awesome jQuery Tutorials About Twitter | DynamicWP » WB Tips
- Webification Mashup 16-Jul-2010 | Webification
- 25 Useful jQuery Plugins to Integrate Twitter into Websites with ease | tripwire magazine
- 15 Really Amazing jQuery Navigation Menu – Tutorials & Scripts
- Top Jquery Links |Avnish Namdev
Very nice collection, but if you want some more don’t miss Webdesign inspired by jQuery and Twitter!