20 Best Twitter-likes And Useful Tutorials To Work With Twitter

20 Best Twitter-likes And Useful Tutorials To Work With Twitter


Spread it!

  • Share

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.

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.

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.

Easily display your last Tweet

This tutorial will help you show up your latest tweet on your blog using php and Twitter API. Very useful tutorial, you can also learn how to display number of your followers.

Related Posts

  1. Twitter Trackbacks Widget – A jQuery Plugin
  2. Who-Tweet Button: Fancy jQuery Plugin for Twitter
  3. Popular-on-Twitter Widget jQuery Plugin
  4. Perfect signin dropdown box likes Twitter with jQuery
  5. Top Worthwhile Tutorials of the Week – #2
  • Digg This Post
  • Tweet This Post
  • Stumble This Post
  • Submit This Post To Delicious
  • Submit This Post To Reddit
  • Submit This Post To Mixx
  • Share on your Facebook
  • Submit this post to Dzone
  • Submit this post to Designbump
  • Submit this post to TheWebBlend

Author: Lam Nguyen

I'm Lam Nguyen, a 21 year old web developer writing about everything related to web design. I am owner of AEXT.NET and WhoFreelance.com Web Community News. You can catch me on twitter.

Posted in: Resources
Tags: jQuery, jQuery Plugin, Twitter, Twitter-like


31 User Comments

  1. julio 22. Jan, 2010 at 8:32 am #

    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 My ComLuv Profile

    Reply
  2. Shurandy Thode 22. Jan, 2010 at 1:38 pm #

    Thanks for sharing Lam. Voted also.
    Shurandy Thode´s last blog ..Spotlights on: Plagiarizing, What would you do? My ComLuv Profile

    Reply
  3. Blogger Den 22. Jan, 2010 at 1:46 pm #

    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 My ComLuv Profile

    Reply
  4. Bimal Roy 22. Jan, 2010 at 5:16 pm #

    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 My ComLuv Profile

    Reply
  5. Smashingwebs.com 22. Jan, 2010 at 10:22 pm #

    This is really cool
    Smashingwebs.com´s last blog ..10 Best PSD to XHTML/CSS Tutorials My ComLuv Profile

    Reply
  6. yenminh 23. Jan, 2010 at 5:25 am #

    this is so cool! :) thankss! :)
    yenminh´s last blog ..Chiếc hộp My ComLuv Profile

    Reply
  7. lunettes 23. Jan, 2010 at 5:42 am #

    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.

    Reply
  8. John (Human3rror) 23. Jan, 2010 at 8:02 am #

    this is great. thanks!
    John (Human3rror)´s last blog ..Husband Fail Friday! – Buttons… My ComLuv Profile

    Reply
  9. Elena 24. Jan, 2010 at 8:54 am #

    It’s very interesting article. Thank you for information.
    Elena´s last blog ..Scuba TV My ComLuv Profile

    Reply
  10. Jordan Walker 25. Jan, 2010 at 8:08 am #

    Yeah, these days you really need to have integration with Twitter.

    Reply
  11. Eko Setiawan 25. Jan, 2010 at 9:39 pm #

    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 My ComLuv Profile

    Reply
  12. Sid 31. Jan, 2010 at 11:28 am #

    i m new to twitter .. & m loving it :P thnx
    Sid´s last blog ..5 Most Effective Tricks to become a Successful Blogger My ComLuv Profile

    Reply
  13. Webtoolfeed 10. Feb, 2010 at 7:53 pm #

    Great article!

    Reply
  14. Fandel 08. Mar, 2010 at 9:41 am #

    Hi Nice blog, found it from another random blog

    Reply

Trackbacks/Pingbacks

  1. Tweets that mention 20 Best Twitter-likes And Useful Tutorials To Work With Twitter | AEXT.NET -- Topsy.com - 22. Jan, 2010

    [...] This post was mentioned on Twitter by Sergio Arantes, Web Design News. Web Design News said: 20 Best Twitter-likes And Useful Tutorials To Work With Twitter http://bit.ly/72A7tH [...]
  2. 20 Best Twitter-likes And Useful Tutorials To Work With Twitter | TopRoundups - 22. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter Submitted by lamnguyen [...]
  3. 110+ Fresh Community Articles for Web Designers and Developers | tripwire magazine - 22. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter [...]
  4. 110+ Fresh Community Articles for Web Designers and Developers | Programming Blog - 22. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter [...]
  5. 110+ Fresh Community Articles for Web Designers and Developers | Afif Fattouh - Web Specialist - 23. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter [...]
  6. 20 tutoriels de scripts Twitter-like à ne pas rater ! - 23. Jan, 2010

    [...] 20 tutoriels de scripts Twitter-like à ne pas rater [...]
  7. 20 Best Twitter-likes And Useful Tutorials To Work With Twitter - 23. Jan, 2010

    [...] Aext.net: http://aext.net/2010/01/20-best-twitter-likes-and-useful-tutorials-to-work-with-twitter/ Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share [...]
  8. Twitter benzeri ajax ve jQuery örnekleri | Javascript | Web Önerilerimiz - 24. Jan, 2010

    [...] Kaynak var addthis_pub = ''; var addthis_language = 'en';var addthis_options = 'email, favorites, digg, delicious, myspace, google, facebook, reddit, live, more'; [...]
  9. Enlaces interesantes (20) | Cosas sencillas - 25. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter (aext). En fenómeno Twitter es impresionante y lo que está haciendo es grande. No es sólo un servicio necesario para nuestra comunicación, nuestro negocio…, también su diseño y características tienen una gran influencia en nuestro desarrollo y diseño web. La gente está desarrollando su proyecto web como Twitter. En este post te ayudará a encontrar 20 mejores tutoriales y recursos que son similares a Twitter y por lo tanto útil para tus proyectos web. [...]
  10. This Weeks Twitter Design News Roundup N.21 - Speckyboy Design Magazine - 26. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter [...]
  11. This Weeks Twitter Design News Roundup N.21 · rogdykker - 26. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter [...]
  12. This Weeks Twitter Design News Roundup N.21 | Programming Blog - 27. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter [...]
  13. Twitter benzeri ajax ve jQuery örnekleri « Bay Bedava – Netten Başlıklar - 27. Jan, 2010

    [...] Kaynak #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } [...]
  14. This Weeks Twitter Design News Roundup N.21 | EMDMA - 28. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter [...]
  15. CSS Brigit | 20 Best Twitter-likes And Useful Tutorials To Work With Twitter - 28. Jan, 2010

    20 Best Twitter-likes And Useful Tutorials To Work With Twitter…

    20 best tutorials and resources that are Twitter-like and useful for your web project….
  16. jQuery: What the web needs « yourarthere.net - 29. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter – This website also shares integration techniques with MooTools, CakePHP, WordPress, and CodeIgniter. [...]
  17. 20 Best Twitter-likes And Useful Tutorials To Work With Twitter | Design Newz - 30. Jan, 2010

    [...] 20 Best Twitter-likes And Useful Tutorials To Work With Twitter [...]

Leave a Reply

CommentLuv Enabled