Как написать masonry сетку без сторонних плагинов?

Question

[Ilya]

Столкнулся с проблемой, необходимо написать mansory раскладку, без использования сторонних библиотек. Облазил кодпен и погуглил, предлагают использовать colums но тогда все идет не по порядку, знаю что это легко делается на гридах, но нужно кросс-браузерно. Прошу подсказать реализацию или хотя бы алгоритм, на который я смогу полагаться

Comments

[Сергей delphinpro]

требование очень странное (без использования сторонних библиотек)
ну да ладно.
Откройте исходник masonry.js, изучите и напишите свой по образу и подобию.

[twobomb]

На двух пальцах не объяснишь, долго писать. Если ты сам не можешь придумать алгоритм,

.

значит ты хреновый программист

значит обращайся на фриланс, или ешь что дают.( masonry.js)

Answer 1

[Evanre]

Если не подходят колонки, то выводите посты в 3 разных блока. Выставляете эти блоки в ряд. Все. (если нет возможности вывести блоки нужным порядком и в контейнерах, есть простенький легковесный плагин salvattore, который сделает это за вас).

Если нужен подход как у оригинального плагина от desandro. Самостоятельно писать смысла нет. Слишком долго + требует значительных знаний js. Есть более легковесные варианты:
Shuffle и quicksand. Они помимо самой сетки еще умеют сортировать\фильтровать элементы (как Isotope).

Answer 2

[monochromer]

Есть упрощенная версия masonry - minigrid