Create a Stylish Tweet Book With jQuery and CSS

Twitter is a popular social networking service used by millions of users to share text-based content. It has been described as the “SMS of the Internet.” Rakhitha Nimesh loves to tweet links and ideas he is interested as well as follow other people with similar interests. Everyone loves to follow a lot of people and hence there is a possibility of missing the most important tweets. So in this tutorial he is going to create a stylish Tweet book to keep your best friends and view their Tweets.

Designing the cover page - this is the section which will be displayed initially. Other then the ‘open book’ button, Rakhitha Nimesh doesn't has any jQuery or Twitter API related functionality there. So let’s see how to design a book cover using CSS. He created a DIV with the class tweet_books as the main container of the Tweet Book. Then he had 2 DIV elements called tb_cover_outer and tb_cover_inner. This will be the back section of the cover and front section of the cover respectively. You can see that the letter bar has the class tb_cover_letters and is placed between the inner and outer cover. This is because he wants to show the letters between the front and back cover like a bookmark. Then he have the Twitter Bird, Title, Open button and shaded bar on the left inside the inner cover.