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

Сортування об'єктів за допомогою плагіна isotope на Jquery. У цьому огляді безліч демонстрацій, прикладів, яким чином можна сортувати будь-що, документація та код знаходяться в демонстрації, сама демонстрація як маленький сайт. Правда англійською мовою, але ж це не проблема

розмітці

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

Демо Filtering показує можливу фільтрацію об'єктів, використовуючи таблицю елементів, можна відображати лише необхідні групи за їх ознаками, інші елементи не показувати

Демо reLayout наочний приклад, коли можна змінити порядок вибудовування елементів зі зміною розмірів блоків

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

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

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

Демо Elements Partial демонстрація сортування в якій можна застосовувати все відразу (все, що описано вище)