5 советов верстальщику

Ну, раз уж мне передали эстафету, выскажусь. Тем более есть что сказать.

  1. Начиная верстать какой-либо макет, лучше всего делать сперва разметку семантичной и минимальной; никаких лишних обрамляющих блоков, лишних элементов и прочего — в итоге получим чёткую структуру и сразу можно будет увидеть сложные и неоднозначные места. Дальше уже можно смотреть на дизайн и размышлять во что бы обернуть имеющееся, стараясь сохранить логическую последовательность в целостности.

  2. Никогда-никогда-никогда нельзя поддаваться соблазнам и верстать только под один-два браузера. Даже если в ТЗ чётко сказано, что «верстаем только под сафари». Это может быть чревато в будущем. Graceful Degradation & Progressive Enhancement — очень правильные стратегии.

  3. Верстая страницу, надо избегать искушения опустить общий враппер, задавая определенные стили напрямую для BODY. Скажем, никогда-никогда-никогда не применяйте такие вещи как

    BODY {
        margin: 0 auto;
        }
    

    Надо учитывать, что возможности CSS и браузеров не безграничны и иногда просто физически нельзя разметить макет как XML. От правильно примененных дивов семантики не убудет.

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

  5. Никогда не следуйте вслепую чужим советам. Всегда сами тестируйте, исследуйте, сомневайтесь. Верстка порой многогранна и советы лучше воспринимать как некую «тему», в сторону которой надо копать, искать материалы, примеры, не ограничиваться маленькими и поверхностными советами.

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


Вы можете прокомментировать эту статью в Мастодоне.