Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Sort’

When it comes to drag ‘n’ drop and reordering elements with JavaScript, jQuery UI’s sortable widget is by far the most popular.

There is also a tutorial at WRD for using it with server-side scripting.

Sortable is a JavaScript library that performs the same task without any JavaScript framework.

Sortable

It uses theĀ native HTML5 drag and drop API, has a small footprint (<2kb gzipped) and works on touch devices too.

Also, besides single lists, items can be moved between multiple lists too.

There are various jQuery plugins for filtering and sorting elements where the most popular ones are Isotope and Quicksand.

MixItUp is another great plugin to handle such tasks that deserves to be bookmarked.

While jQuery part decides which elements to show or hide, CSS3 transitions are used for animating them.

jQuery Filtering Plugin - MixItUp

The plugin plays nice with responsive + fluid layouts it is lightweight and works pretty fast.

There are many options for customization: effects, easing, their speed, etc. and it is very well-documented.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com