If you have very long pages like Wikipedia, you might want to organize your paragraphs with some sort of stylish scrolling Table of Contents (TOC). In this article we will create a nice little Table of Contents with bit of jQuery and CSS3. Div element stays fixed on the left or right side of the page for easy navigation of the page, it can be expended and collapsed easily by a reader.

Pagination can get complicated depending on the size of records in the database, especially when you want to group number of links, display next/previous links etc. In this article we’ll only focus on creating simple ajax based pagination using bootpag jQuery plugin. I am pretty sure its the most simplest example you can find on the net.

Everyone knows how important role Twitter can play to bring new visitors to your site, and Tweet to unlock can only amplify the whole thing by requiring visitors to Tweet about your page in order to unlock the downloadable items or premium content. In this tutorial article, let’s create simple “Tweet to Unlock” feature for your web page using jQuery Ajax and PHP.

In my another website, some images were larger than DIV element, and it was causing whole layout to distort. It would’ve been little easier with jQuery but since I was using Mootool library, I needed to come up with some sort of resize snippet, so I wrote this small mootool function which will calculate width of DIV element and resize images inside it to fit to its size.