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.
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.
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.
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.
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.
A tutorial explains how to create a pagination system using CakePHP and jQuery that is almost identical to twitters.
A tutorial is the same as above but works with CodeIgniter and jQuery.
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.
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 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.
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 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.
A simple, unobtrusive and customisable client-side method for easily embedding a Twitter feed into a web page.
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 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.
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.
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.
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.
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.