Как на домашней странице TED Talk организована сетка видео?

Я пытался понять, как именно работает домашняя страница TED Talk . Оставив в стороне весь мусор с анимацией, я считаю, что способ организации ящиков действительно увлекателен.

На первый взгляд он выглядит как jQuery masonry plugin , но быстро становится ясно, что он имеет тенденцию создавать несколько прямоугольных треугольников, но не имеет фиксированного числа столбцов или строк, а конечная форма всегда полностью цельная (без полых частей).

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

Есть ли у кого-нибудь какие-либо пустоты. идея, как это работает?

11
задан hammar 3 July 2011 в 11:51
поделиться