Визуализация reflow

[iliar]

Поправьте ошибку. Вычисление для вики вы вставили дважды.

[dinamyte]

Спасибо, поправил.

[4ekuct25]

видео недоступны:(

[Alexkeny]

всё замечательно играется, и как заметил автор поста — «красиво»

[4ekuct25]

а мне пишет
This video is currently not available.
Please try again later
>_<

[micle]

F5, вестимо.

[CurlyBrace]

Здорово! Напомнило ролик, где художник рисует картины в ускореном проигрывании ))

[dinamyte]

Специально для тебя, нашёл скрипт под названием Timelapse CSS ;-)

«Это» с течением времени применяет к документу набор CSS-правил:

www.vimeo.com/955135

[CurlyBrace]

Отлично, прям мой спресованый рабочий день :)

[agzamovr]

А можно достать эту сборку мозиллы? Интересно было-бы использовать как онлайновый сервис: дал ссылку и он сделал ролик.

[agzamovr]

Ну например для голливудских фильмов. У них все время траблы с тем как эффектно показать работу на компьютере когда очередной гений взламывает сайт пентагона. А тут если еще музыку прикрутить вообще чётко будет :)

[Psixozzz]

А можно побольше ссылок на более детальный материал? Хочу попробовать самостоятельно сделать такую визуализацию для своих проектов.

[dinamyte]

Я бы посоветовал посмотреть на отладку процесса frame reflow (table reflow для процессинга таблиц).

[homm]

Почему-то для 2-х страниц reflow делается 2 раза. Сразу видно, в какую сторону можно увеличивать произврдительность.

[tenshi]

это не самое узкое место…

[homm]

Мне кажется, что при ресайзе окна — самое.

[saymanski]

Вы часто, как пользователь, меняете размеры окна?

[Ankheg]

Говорят, дело в полосе прокрутке на первых двух сайтах. И еще говорят, что старая Опера все сайты показывала с вертикальной прокруткой возможно именно для того, чтобы не делать перерасчет.

[homm]

Понятно, спасибо. Я не знаю точно насчет ранних версий оперы, но мне кажется что вы её могли спутать с позними версиями ИЕ :)

[alexbig]

супер! никогда бы не подумал, что браузер именно так рисует.

[Odes]

А почему 1й и 2й по 2 раза проход?

[dinamyte]

Я подозреваю, что происходит процесс аранжировки блоков в соответствии с float-параметрами, position'ами. Первый проход выполняется для получения линейного расположения блоков, а потом уже производится их расстановка на странице.

[homm]

ScrollBar

[rapida]

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

[dinamyte]

Wikipedia.org: www.youtube.com/watch? v=qlcvGRsknRo
Google.com: www.youtube.com/watch? v=Irymp3Ug43E
Mozilla.org: www.youtube.com/watch? v=EnJCIlMNY8g

[rapida]

спасибо :)

[pixx]

В бытность медленного интернета я такое наблюдал и без специально скомпилированного браузера — правда, всё было не так красиво и радужно :)

[caezar]

а ведь на хабре это уже было

[Zord]

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

[homm]

В опере есть соответствующая настройка. Минусы очевидны. Пока самый захудалый счетчик из урюпинска через ихний канал не подгрузится, страница не будет считаться загруженной.

[LimeOrange]

Что-то я не пойму: зачем после создания эелментов (отрисовка с нуля) делать ещё одну «пробежку» по ним? На видео видно как пересобирается-обрабатывается каждая структура по два раза. Зачем? CSS?

[dinamyte]

Взгляните на комментарий выше, может он несколько прояснит ситуацию.

[homm]

ScrollBar

[gooffy]

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

[divbyzero]

Интересно бы посмотреть видео как генерируется вот такая верстка:


Наверное, сразу бы захотелось отбить руки верстальщику.

[dinamyte]

Сначала посмотреть, как генерируется вёрстка, а затем оторвать руки? :-)

[Imenem]

Обычная табличная верстка, таких и в рунете куча. Я так понимаю что в кадр специально попал кусок ссылки с «microsoft.com», чтобы свалить вину на мелкомягких?

[iosis]

Замечательно! А где эти алгоритмы можно поковырять?! У меня задача применить их к флэш в кратчайшие сроки, собственные писать, видимо, займет очень очень очень очень много времени (( Алгоритмы хотябы на уровне блок схем