Sequence.js

What do you like best?

We always have to use a library or implement a javascript based framework when we have to build sliders, tabs, etc. Here sequence.js comes in handy which is a CSS framework for the same.

CSS3 has nowadays got very popular and everyone wants to use it. Sequence.js has leveraged it in a very nice way to implements sliders, tabs, multi-step forms, etc.

The best parts:

- when it is a javascript library, we want it to be lightweight and quick, which it is.

- responsiveness is not just mobile friendly, the users should be able to touch the sliders and interact, which it does perfectly

- it very very smooth, I have also tested it on Microsoft Edge, Chrome, Safari and Firefox

- the best part: there are ready themes for you to use

- if you do not like the ready themes then you have a variety of built-in options to customize your own slider or tab or form, etc.

- many options for animation

- this is very rare, but there is also a preloader and it is easy to modify that preloader

What do you dislike?

It is lightweight, by lightweight I mean it is rendered by the browsers quickly but the size of the un-minified javascript file is over 120kb. Additionally, there will be some CSS code as well.

Recommendations to others considering the product:

Responsive tabs and sliders, touch control and highly customizable: these are the features why sequence.js must be used.

There is no downside. Minifying the file will get the size to reduce a bit and easy to use.

What problems are you solving with the product? What benefits have you realized?

I have been implementing a multistep form where users can customize their own box of goodies with each step having a significance over the item. The flow goes like select a box size, select the number of goodies, ribbons, text, etc.

Initially, I opted for the multistep jQuery to implement this where I faced some issues with animations and that is when I came across sequence.js and quickly ported the page to that.