Twitter terminated its old API, and all of our Twitter tutorials have stopped working! So, here is a follow up to show you how easy is it to retrieve user timeline and hashtag with Twitter REST API 1.1. Of course, I don’t just stop there. I integrated my previously written script and modified it to work with Grid-A-Licious plugin to create something that’s similar with Pinterest.
Best jQuery Timeline Plugins & Tutorials with Demo
Dasky : jQuery Timeline Slider
Dasky is a jQuery timeline slider,you can use it to show you products’s chagelog/loadmark, or loadmark of you team/life. And others what you want. It based on the power of css transforms and will fallback in old browsers who do not support it.
Features:
- Fluid layout
- Fullscreen or not
- Auto play
- Mousewheel control
- Keybords control
- Major browsers compatible and fallback to old browsers
jQuery Facebook Wall
jQueryFacebookWall is a jquery plugin that will build a timeline or wall style post feed on your website with your Facebook account data. jQueryFacebookWall includes options to show events, likes, photos, and albums. It also includes a Facebook style lightbox to browse photo galleries. And best of all, it has user interactions so photos, posts, and comments can be liked or commented on.
jqtimeline : jQuery Timeline plugin
jqtimeline is an easy to use, customizable jQuery plugin to create a timeline for a set events.
- Simple and easy to use.
- Can be use to create Social apps, showing blog timeline posts etc.
- Can be easily integrated with other jQuery UI plugins.
- Data format is json.
- Minimum css and html markup used. So you can customize this according to your own way.
- Dynamic : Events can be removed added on a fly.
Twitter Timeline Script Using jQuery & CSS
Today I am going to tell how to create a Twitter Timeline with jQuery and CSS. I am planning to create facebook timeline script soon with php and jquery.
In this script, I have used jQuery minitwitter.js – to fetch the twitter feeds from Twitter Database. Then I have displayed those tweets in facebook’s timeline format with the help of CSS code
Tweet Feed : jQuery Twitter Timeline Plugin
This minimal plugin allows you to easily display a live twitter timeline on your website! You can easily just copy and paste the one liner code, or get into some more of the detailed configuration.
Features include:
- Quick copy and paste one-liner code
- Full browser support
- Live feed showing most recent tweets
- Customizable Search Terms
Timeliner : jQuery plugin to make an interactive, Historical timeline
Build a simple, interactive, historical timeline with HTML, CSS, and jQuery. The benefits of this timeline script are that it’s (1) fully accessible and 508 compliant (an original requirement) (2) simple, (3) able to handle nearly any form of content, and (4) printer friendly. There’s also plenty of room for you to get creative with the styling. (Please drop me a line if you do do something cool with it.)
The timeline was developed completely without the use of Flash, so it fully accessible, diplays on non-Flash supported devices like the iPhone, and prints nicely.
Content Timeline – jQuery/HTML5/CSS3 plugin
Content timeline is powerful and lightweight jQuery/HTML5/CSS3 plugin, best for displaying date organized content. It is fully customizable, and easily implementable with any js script, video, flesh etc. Well structured code, and wide ranged API functions make it simple to get started and flexible for customization.
Features:
- 11 settings for customizing
- Keyboard binded
- 5 class events
- Included easing effects
- 7 embedded script control methods
- Intuitive design
- Fully flexible
- Fully interactive timeline
Chronoline.js : A JavaScript Library For Displaying Timeline Of Events
chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale.From a list of dates and events, it can generate a graphical representation of schedules, historical events, deadlines, and more.Currently, chronoline.js only requires raphael.js to function. jQuery/qTip2 are used to provide nicer tooltips, but these aren’t required.
To use it, provide a target element and an array of dates (possible ranges) with event descriptions, and it will render the contents of the timeline.
There are a variety of options provided, which you can see in the JavaScript itself. They are currently (and will likely always be) quite idiosyncratic and represent the degrees of control needed for the projects this has been used for.
