Прогрессбар в макете

Придумывать себе инструменты — кайф и развлечение для мозга. Вот, скажем, есть у нас длиннющий макет с кучей разных этажей. Свежий сайт Кодельной — хороший пример.

Для разработчика — маленький ад. Сущностей много, легко запутаться, что-то потерять, о чем-то подумать, что сделал, а на самом деле не сделать, забыть поменять картинки или текст.

Когда начинал верстать, нарисовал себе рядом с макетом упрощённую схему:

Она помогла запомнить макет, уже неплохо.

Добавим информативности:

Светлозелёные куски теперь показывают на этажи, которые я уже сверстал. Если этаж повторяется — закрашиваются все дубликаты. А тёмные прямоугольники показывают на этажи, в которые я успел написать настоящий текст и положить правильные картикни — они готовы к выпуску. Двойной индикатор прогресса такой.

Пользуйтесь на здоровье.

Поделиться
Отправить
Запинить
Популярное