Social networking websites play a big part in most peoples lives these days. They play an even bigger part in the lives of web designers/developers. So these websites are a good place to get inspiration.
So hereÃ¢â‚¬â„¢s a short list of a few tutorials on how to mimic the effects seen on social networking websites usingÃ‚Â librariesÃ‚Â such as Ã‚Â jQuery, Mootools and Prototype.
Facebook has a brilliant instant messenger built into it which works really well. This tutorial shows you how to make something similar.
On twitter you can search for tweets, although it has changed recently, but it was a nice example of an ajax search engine. This tutorial shows you how to do exactly that.
Modal boxes, sometimes called lightboxes, can be seen throughout Facebook and it works very well. Sometimes things like that can be obtrusive.
Same as above, but in jQuery
Twitter has recently changed their home page, this features a drop down login form which looks great. This tutorial shows you how to recreate that.
dZone has a voting system which looks like every other link sharing voting system. But it works well, so this shows you how to replicate it.
I love facebookÃ¢â‚¬â„¢s input boxes, they look great. This tutorial shows you how to do that with Prototype.
If you look below a post in Digg you will see a Ã¢â‚¬Å“shareÃ¢â‚¬Â link. When you click it a few options of how to share it show up. Quite a nice feature which would fit into almost any website. So get learning this tutorial.
This tutorial was inspired by facebookÃ¢â‚¬â„¢s autocomplete feature. Works very well. This will show you how to mimic it with jQuery. No demo available unfortunatly.
This is another one of Twitter brilliant ways of bringing ajax to us. When you click the Ã¢â‚¬Å“moreÃ¢â‚¬Â button at the bottom of the page it loads more posts. This tutorial shows you how to mimic that.
I really like Twitters alert system, itÃ¢â‚¬â„¢s very unobtrusive yet gets your attention. Something which IÃ¢â‚¬â„¢ve introduced on other websites.
Digg has quite a nice header, itÃ¢â‚¬â„¢s not spectacular but it works well. And usability surely has to come before sexyness right?
Twitter seems to be dominating this post, but itÃ¢â‚¬â„¢s a well made site. So heres another tutorial on it.
Similar as mentioned before, but with Mootools.
When you write a new post in Twitter you have 140 characters to play with. Next to the textarea there is a countdown. This tutorial will show you how to mimic it with Mootools.
16. Recreate Twitter
This fully featured tutorial will show you how to recreate the whole of twitter using Mootools, PHP and MySQL. You will learn lots following this tutorial.