In this tutorial we are going to implement this Responsive Facebook style timeline design with Twitter Bootstrap. I am going to explain step by step implementation of this Responsive Timeline Design, so just follow the each steps carefully.
Prism Effect Slider with HTML5 Canvas & JavaScript
Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element and plain JavaScript.
jQMeter : jQuery Animated Horizontal or Vertical Progress Meter
jQMeter is a simple, light-weight jQuery plugin that allows you to display an animated horizontal or vertical progress meter. Just pass in the goal and amount raised or completed, and the rest is optional.
It has a simple design out-of-the-box, but this is on purpose so that you can customize the look to match your needs. You can pass several formatting options including width, height, background bar color, bar color, etc. You can also choose to display the percentage completed or not, as well as control the animation speed.
fbPhotoStream : jQuery plugin to pull Facebook Photos
fbPhotoStream is a simple, light-weight jQuery plugin that allows you to display Facebook photos from a public album. Just set the album id, and the rest is optional.
It has a a few design options like grid, collage, or circle mode, but you can customize the look to match your needs by adding your own CSS. You can pass several formatting options including width, height, etc., as well as setting whether you want to show captions or link back to Facebook