Как сделать такое расположение статей?

Question

[Дмитрий Петров]

Как сделать такое же расположение статей как например вот на этом сайте? Статьи на нем располагаются в несколько рядов, в зависимости от ширины окна.
Объясните или подскажите где можно узнать как это сделать...

Comments

[Dmitry Bay]

недавно тут тема всплывала. за такое расположение какой то js плагин отвечает. но названия не могу вспомнить.

[Илья Агарков]

можно ссылку еще раз, а то вроде как битая

Answer 1

[Вадим Белкин]

Ссылка не открывается, но мне кажется вам что-то вроде этого нужно isotope или masonry ?

На том сайте используется masonry

Comments

[Dmitry Katyushin]

Masonry, код проверил :)

Answer 2

[Алексей Чернышев]

В теории это делается так:

- выводим все блоки с абсолютным позиционированием
- скриптом определяем сколько блоков помещается в ширину на странице
- рассчитываем координаты каждого блока пробегаясь в цикле по элементам.

Вот так.

Если нужно могу скинуть код скрипта, я его сам писал, а еще лучше поискать готовые библиотеки, если нет времени самому писать

Comments

[Dmitry Katyushin]

Скинь плиз скриптик, интересно глянуть

[Алексей Чернышев]

Вот скинул на github https://github.com/nanomen/columner
Писал год назад, может там какие-то глюки будут, но логика видна))