jQuery Masonry vs pure CSS. Выравниваем блоки с картинками. Сетка, плитка, кирпичная кладка.

preview_player
Показать описание

Рассмотрим разные способы создания макета с кирпичной кладкой (а-ля pinterest) от классического плагина jQuery Masonry до варианта на чистом css (column-count + column-gap). Сравним поведение flexbox и grig layout. Адаптируем макет под устройства с разной шириной экрана.
Рекомендации по теме
Комментарии
Автор

Спасибо за проделланую работу. Интересные решения

ДмитрийАйткулов
Автор

Круто, очень даже интересный и полезный обзор.

vl.ca.
Автор

Спасибо, #BlondieCode! Очень актуально для меня!

PhilippeRigovanov
Автор

Могу отметить то что columns есть проблема с позиционированием хронологии позиционирование идти с верху вниз слева направо а правильно с слева направо сверху вниз

elias_koch
Автор

Спасибо за такой подробный разбор! Не планируешь ли уроков по WebGl или Electron?

trickster
Автор

и тут я прозрел...снимок проблемы плиточной галереи из космоса..

VictorYushin