Twitter is awesome and what Twitter are doing is great. Twitter is not only a necessary service for our communication, our business…, but also its design and features have a big influence to our web design and development. People are getting develop their web project more like Twitter. This post will help you find 20 best tutorials and resources that are Twitter-like and useful for your web projects.
Like the article? Be sure to subscribe to our RSS feed and follow us on Twitter to stay up on recent content.
Twitter-like Tutorials and jQuery Plugins
The list of the best tutorials and jQuery plugins that is almost identical. There are a lot of similar tutorials and jQuery plugins out there but these below are the best and highly recommend for you to follow.
Twitter like Search with jQuery and Ajax
This tutorial about how to display twitter like search results with jQuery and Ajax. This is so simple and you can learn how to use the ajax search with jQuery and PHP. Tutorial by Srinivas Tamada.
Perfect signin dropdown box likes Twitter with jQuery
A tutorial shows you how to create a login drop down with Twitter style using jQuery. In this tutorial, you will learn how to use the jQuery toggle effect.
Create a Twitter-Like “Load More” Widget Using CSS, HTML, JSON, and jQuery or MooTools Javascript Example
This tutorial teaches you to use AJAX, CSS, Javascript, JSON, PHP, and HTML to create the load more effect like Twitter. It will also feature both jQuery and MooTools versions of the script.
How to create a Twitter-style alert with jQuery, CSS, and PHP
This is the nice tutorial by Brian Cray help us to display an alert to your users with jQuery and CSS similar to the one used by Twitter.
Twitter-like pagination using CakePHP and jQuery
A tutorial explains how to create a pagination system using CakePHP and jQuery that is almost identical to twitters.
Twitter-like pagination using CodeIgniter and jQuery
A tutorial is the same as above but works with CodeIgniter and jQuery.
[smartads]
jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields
A jQuery plugin by Alen Grakalic built for limit letter typed to 140 characters. The information is not only provided merely by displaying a number, there are different colors applied to certain stages to notify the user about the status. That will be a simplest technique.
Twitter Trackbacks Widget – A jQuery Plugin
This is a highly customizable Twitter trackbacks widget to integrate tweets that mention your post into your blog. Each tweet comes with reply & retweet links to get more readers engaged in your story conversation. That is an awesome jQuery Plugin for twitter by Mike More. Highly recommend to check out other plugins for Twitter made by him.
jMaxInput: jQuery Twitter-Like Textarea
jMaxInput is yet another jQuery plugin which allows you to limit the input size of a textarea like it is done in Twitter. The number of characters left to type are shown while typing. However, the color of number will not be changed when it remains and almost reachs zero.
‘Notify Bar’ plugin
Simple plugin (basically it’s not a plugin, but widget) to show notify bar (like on Twitter’s webpage). You can easily customize the style with this plugin!
tipsy – Facebook-style (and Twitter) tooltip plugin for jQuery
Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute. Twitter are using the same plugin with their tooltips for drop login box.
jQuery plugin for Twitter
A simple, unobtrusive and customisable client-side method for easily embedding a Twitter feed into a web page.
Realtime Related Tweets Bar: Another jQuery Plugin
A real-time tweets bar using jQuery search all related tweets to your posts from your twitter timeline or from anybody or even limit it by a geocode coordinates!
Best tutorials to work with Twitter
This roundup is presenting some of the best tutorials explain how to work with Twitter such as: mastering the Twitter’s timeline update, updating the Twitter using API…
A jQuery Twitter Ticker
A tutorial using pure jQuery & CSS to create 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.
Create a Fun Tweet Counter With jQuery
In this tutorial, we will create a widget for a blog or personal website that shows what hours during the day we tweet at the most using jQuery to call Twitter’s API.
How to Update your Twitter Status with CodeIgniter
In this tutorial we will update our twitter status via the ‘Twitter API’ using CodeIgniter. It’s worth seeing for building a simple twitter updater.
A Twitter List Powered Fan Page
Base on the “lists†feature of Twitter, you will learn how to create a widget that goes in the sidebar allows visitors to fill in their Twitter name and join a special fan list from your Twitter account. Awesome tutorial on Tutorialzine.com.
Twitter followers counter PHP script
Create a simple PHP Script to count your Twitter followers and cache the result. this PHP script can be used in any application. Highly recommend for someone who need to display the twitter follower with custom background.
Display your tweets without a plugin for WordPress – Javascript solution
This is a javascript solution for display your latest tweets on your WordPress blog without using plugin. This solution uses the javascript library from official twitter website.




















Well done really like the ( Perfect signin dropdown box likes Twitter with jQuery) you got it right on point.
nice job!
.-= julio´s last blog ..Guide to landing a Design Job =-.
Thanks for sharing Lam. Voted also.
.-= Shurandy Thode´s last blog ..Spotlights on: Plagiarizing, What would you do? =-.
Twitter is one amazing app! There’s so many jQuery plugins and stuff that I don’t even know where to begin, but this is a great collection. Thanks for sharing this!
.-= Blogger Den´s last blog ..Are you part of the blogging revolution? | Tycoon Blogger =-.
Thanks. Some of them in the list were really helpful for me.
.-= Bimal Roy´s last blog ..600+ Excellent Free Photoshop PSD Resources to Download =-.
This is really cool
.-= Smashingwebs.com´s last blog ..10 Best PSD to XHTML/CSS Tutorials =-.
this is so cool!
thankss! 
.-= yenminh´s last blog ..Chiếc hộp =-.
Impressiv. That list is really the bast one about this topic. WIll certainly use a lot of those resources to add some nex functionnalities to my websites. Nice work, thanks.
this is great. thanks!
.-= John (Human3rror)´s last blog ..Husband Fail Friday! – Buttons… =-.
It’s very interesting article. Thank you for information.
.-= Elena´s last blog ..Scuba TV =-.
Yeah, these days you really need to have integration with Twitter.
Hi..thanks for share of this great list tutorial, help us to improve our design wordpress template next.
.-= Eko Setiawan´s last blog ..The Easy Way to Display Source Code in WordPress Post =-.
i m new to twitter .. & m loving it
thnx
.-= Sid´s last blog ..5 Most Effective Tricks to become a Successful Blogger =-.
Great article!
Hi Nice blog, found it from another random blog
Nice post, thanks for the tutorials twitter has really become a social power.
i love to microblog that is why i am very addicted to Twit my daily activities“~