Height_trim.js

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper accumsan imperdiet. In efficitur nunc ac neque ullamcorper ultricies. Nam at rhoncus erat. Maecenas at felis accumsan, gravida libero eu, blandit dolor. Sed eu elementum enim. Aliquam et turpis facilisis, ultricies metus posuere, convallis augue. Fusce mollis ornare nunc sit amet efficitur. Ut elementum non libero vitae accumsan. Ut eu lacus massa. Etiam eget posuere dolor. Fusce posuere massa at nisi gravida rutrum. Vestibulum quis tellus id libero luctus ullamcorper. Integer a hendrerit ante, sit amet facilisis lacus. Proin eu ante odio.

In hac habitasse platea dictumst. Suspendisse risus tortor, tempor at blandit at, facilisis id turpis. Duis rutrum rhoncus tortor, imperdiet malesuada nisl vestibulum eu. Curabitur eget varius nibh. Curabitur a dignissim dolor, eu feugiat nisl. Maecenas cursus, mi vel scelerisque placerat, enim mauris luctus nunc, a mollis urna orci eget mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti.

Suspendisse semper velit eu augue mattis fringilla. Vestibulum non neque bibendum, ullamcorper dui vitae, vulputate orci. Nullam sit amet tempus erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In nunc elit, vulputate in condimentum quis, efficitur eget nisl. Etiam a odio imperdiet, dictum velit sed, malesuada elit. Pellentesque a pretium magna.

Ut vitae convallis justo. Sed semper, lorem non dapibus maximus, magna augue dignissim lectus, ut scelerisque metus magna eu nisl. Curabitur ac mi mauris. Morbi porttitor sed augue sit amet molestie. Maecenas hendrerit venenatis molestie.

Praesent vitae eros posuere, porta mi varius, venenatis felis.

Curabitur porta sed ipsum sed commodo. Suspendisse a mollis eros. Vivamus vehicula faucibus blandit. Curabitur ut nunc non nibh sagittis lacinia. Fusce id quam sed sem semper convallis. Sed feugiat tincidunt lorem, sed placerat turpis gravida non. Praesent scelerisque varius tortor ut euismod. Donec commodo arcu eget nunc pretium viverra.

Pellentesque arcu libero, scelerisque consequat risus quis, aliquam venenatis turpis. Pellentesque eu malesuada nisl. Duis dignissim magna neque, id cursus lacus commodo quis. Curabitur et imperdiet arcu. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi mollis hendrerit sem, vel consectetur mauris euismod eu. Sed malesuada eu enim eget vulputate. Aliquam tellus elit, egestas quis laoreet vel, semper ac risus. Ut vel neque sapien.

Бывает удобно использовать решение, которое обрезает колонки по максимальной высоте и дотягивает до этой высоты разные блоки. Использование библиотеки с шагом в три колонки (сравниваются три соседние колонки и устонавливается максимальная высота из трех).

var h = new Height_trim('demo1');
h.limit(1200);
h.cut(3);

Для обрезки в реальном времени.

window.onresize = function (event, step) {
    var h = new Height_trim('demo1');
    h.limit(1200);
    h.cut(3);
};

Максимум для всех блоков

Codeigniter-frame

Базовый функционал некоторого приложения на фреймворке Codeigniter 3 с расширением HMVC. Развлечение, обучение и реализация различных модулей.

Morph-shapes

Реализация морфинга фигур на Qt от 2015-го года.

signatura

Анализ цветов изображения.

Art-tags

«Арт-теги 2.0» — это сервис, предоставляющий каталог классифицированных по различным признакам произведений искусства.

Anima

Анимация элементов с помощью Transform при появлении в области видимости и скролле страницы.

equalizer_microphone_js

Эксперименты с визуализацией входящего аудиопотока микрофона.

Status_line

Автоматическая линия, которая отражает процент проскроленной страницы.

LightSprite.js

Простая спрайтовая анимация. Подается список картинок, при скролле они сменяются в выбранном порядке.

Height_trim.js

Обрезка высоты блоков.

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

var h = new Height_trim('demo2');
h.limit(1200);
h.cut();

Сравнение по три

Codeigniter-frame

Morph-shapes

Реализация морфинга фигур на Qt от 2015-го года.

signatura

Анализ цветов изображения.

Art-tags

Anima

Анимация элементов с помощью Transform при появлении в области видимости и скролле страницы.

equalizer_microphone_js

Эксперименты с визуализацией входящего аудиопотока микрофона.

Status_line

Автоматическая линия, которая отражает процент проскроленной страницы.

LightSprite.js

Простая спрайтовая анимация. Подается список картинок, при скролле они сменяются в выбранном порядке.

Height_trim.js

Обрезка высоты блоков.

Гитхаб