Как и в любой сфере деятельности человека, в вёрстке можно выделить несколько антипаттернов — действий, которые возможны, но приводят к неприятным ситуациям в будущем или являются неэффективными. Применительно к вёрстке, антипаттерны не позволяют удобно расширять проект и работать другим разработчикам. В этой статье я рассмотрю те антипаттерны, с которыми сталкивался сам. Их знание и умение избегать поможет вам быстро вырасти как верстальщику.
Именование — сложная задача как для начинающих, так и для опытных разработчиков. Выбор правильного названия элемента — залог читабельной вёрстки, при которой она понятна при одном взгляде на классы. Неважно, что вы используете в работе: БЭМ, OOCSS, SMACSS, или не используете методологий вообще — выбирайте имя с умом.
При разметке страницы разработчики используют теги заголовков для выделения участка макета. Чаще всего тип заголовка выбирается исходя из размеров шрифта, что приводит к неправильной семантической разметке. Это приводит к проблемам доступности и SEO.
При вёрстке веб-страницы важно сделать так, чтобы пользователям было комфортно читать текст. Это необходимо учитывать, так как у людей может отличаться восприятие цвета. Если вы можете легко прочитать светло-серый текст на белом фоне, то, возможно, у вашего друга это вызовет затруднения. В этой статье рассмотрим стандарт WCAG. На его основе создадим функцию для проверки коэффициента контраста.
На первых этапах освоения CSS полезно познакомиться с организацией кода. Это поможет писать аккуратный и легко поддерживаемый CSS, который облегчит жизнь не только вам, но и всем, кто будет работать с вашим проектом. В этой статье рассмотрим подход OOCSS, принципы из которого используются в профессии «Верстальщик».
