Настраиваем распределение элементов внутри блока по «плавающим» вертикальным колонкам, настраиваем адаптивность.
00:18 — Вводная
02:20 — Перебираем варианты разбиения строк на колонки. Экспериментируем
06:00 — Дружим одновременно с flex-direction: row и flex-direction: column. Озвучиваем стратегию для решения задачи
09:10 — Ищем скрипты, которые будем править
10:00 — Пишем инициализатор нашего механизма
18:50 — Пишем очистку состояний и реакцию на ресайз
21:30 — Тестируем, пилим стили. Линкуем хром на локальный css-файл для двусторонней синхронизации при редактировании. Пилим стили. Настраиваем адаптивность. Пилим стили
33:15 — Ставим проверочный таймаут на пересчёт
36:30 — Ставим таймаут, который даёт передышку браузеру для отрисовки обновления на странице
40:00 — PS / Чистовая доводка
41:00 — PS 2.0 / Переключаемся с общего ресайза на ресайз ширины / Избавляемся от мультивызова пересчёта при серии событий подряд
44:00 — Пишем своё событие для отслеживания ресайза по-ширине
48:00 — Закрываем мультивызов — через установка / чистку метки таймера
Мой сайт:
#программирование #1С-Битрикс про починить bitrix.
