Reflow — это процесс вычисления размеров составных блоков Web-страницы.
Сатоши визуализировал данный процесс, происходящий в недрах движка Gecko. Одним словом, он сделал «красиво».
Сатоши скомпилировал Mozilla таким образом, чтобы последний все свои действия записывал в файл в определённом формате, например таком:
Далее, он сделал видео-анимацию всего этого действа.
Вычисления для wikipedia.org:
Вычисления для mozilla.org:
Вычисления для японской локализации google.com
Визуализация играет не последнюю роль в процессе понимания и осознавания механизмов работы той или иной системы.
Сатоши визуализировал данный процесс, происходящий в недрах движка Gecko. Одним словом, он сделал «красиво».
Технические детали
Сатоши скомпилировал Mozilla таким образом, чтобы последний все свои действия записывал в файл в определённом формате, например таком:
{"event": "MoveFrame", "frame": {"address": "0x04FE41A8", "type": "TextFrame", "content": {"address": "0x05014150", "type": "other"}, "rect": {"x": 0, "y": 0, "w": 0, "h": 0}}}, {"event": "MoveFrame", "frame": {"address": "0x04FE41A8", "type": "TextFrame", "content": {"address": "0x05014150", "type": "other"}, "rect": {"x": 0, "y": 0, "w": 0, "h": 0}}},
Далее, он сделал видео-анимацию всего этого действа.
Что получилось?
Вычисления для wikipedia.org:
Вычисления для mozilla.org:
Вычисления для японской локализации google.com
Визуализация играет не последнюю роль в процессе понимания и осознавания механизмов работы той или иной системы.