Isotope - Сортировка и структуризация блоков в html разметке таким образом, чтобы пустого места оставалось как можно меньше

Сортировка объектов с помощью плагина isotope на Jquery. В данном обзоре множество демонстраций, примеров, каким образом можно сортировать что-либо, документация и код находятся в демонстрации, сама демонстрация, как маленький сайт. Правда на английском языке, но это ведь не проблема

Сортировка и структуризация блоков

Немного опишу лишь, как и что можно сортировать с помощью этого плагина основываясь на примерах:
Плагин позволяет скрывать и показывать объекты сортировки по типу, далее раскладывать список объектов основываясь на ширине контейнера, его категории или вернуть в исходное состояние таким образом, чтобы максимально рационально использовать место, в идеале, чтобы пустого места не осталось. Вместе с этим образно говоря к уже отсортированным объектам можно применить макет или структуру, как они будут визуально выглядеть, можно выстроить их вертикально, где каждый объект будет на новой строке или же применить структуру похожую на каменную кладку, где блоки принимают фиксированную ширину 2-3-х размеров и т.д

Демо Sorting представлена, как таблица элементов. Сортировать объекты можно по:
Названию элемента
По символам элемента
По порядковому номеру
По категории элемента

Демо Images показано, как можно сортировать изображения автоматически подстраивая нужную ширину и выстраивая в нужном порядке с нужной структурой

Демо Filtering показывает возможную фильтрацию объектов, используя таблицу элементов, можно отображать только необходимые группы по их признакам, остальные элементы не показывать

Демо reLayout наглядный пример, когда можно изменить порядок выстраивания элементов с изменением размеров блоков

Демо Infinite Scroll пример, когда блоки сразу все не показываются на странице, а подгружаются по мере прокручивания страницы вниз. Такой же эффект реализован в поисковике Бинг в картинках

Демо Adding items говорит само за себя - добавление новых блоков и последующая возможная сортировка

Демо Layout modes примеры разных структур отображения и сортировки блоков:
Каменная кладка (структура где нет пустого места)
Структура блоков выстроенных в строку + возможность подстраивать псевдо таблицу
Вертикальная структура с колонками или столбцами из блоков

Демо Elements Partial демонстрация сортировки в которой можно применять все сразу (все что описано выше)

На каждой страницы демонстрации есть ссылка на документацию, там структура кода html и javascript с объяснением и комментариями. Плагин Isotope основан на jQuery 1.4.4