Аватар пользователя Nikita Mikhaylov
837

n_mikhaylov

Nikita Mikhaylov

На Хекслете с 21 августа 2018

Верстальщик профессии верстальщик. Автор всех курсов по вёрстке на Хекслете

Москва, Россия


Slack: @n.mikhaylov

Шесть антипаттернов в вёрстке главное изображение
Код

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

10 полезных практик при написании CSS главное изображение
Код

Написание таблиц стилей не заканчиваются использованием свойств и подбором значений исходя из шаблона. Это объёмный процесс, который включает:

  • Грамотное именование
  • Структурированность
  • Понятность селекторов
  • Хорошая переиспользуемость
  • Соответствие принципам доступности
  • Оптимизация

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

Ошибки именования в вёрстке главное изображение
Код

Именование — сложная задача как для начинающих, так и для опытных разработчиков. Выбор правильного названия элемента — залог читабельной вёрстки, при которой она понятна при одном взгляде на классы. Неважно, что вы используете в работе: БЭМ, OOCSS, SMACSS, или не используете методологий вообще — выбирайте имя с умом.

Аватар пользователя Nikita Mikhaylov
Nikita Mikhaylov
14 сентября 2020
Семантика заголовков: как правильно структурировать информацию на веб-страницах главное изображение
Код

При разметке страницы разработчики используют теги заголовков для выделения участка макета. Чаще всего тип заголовка выбирается исходя из размеров шрифта, что приводит к неправильной семантической разметке. Это приводит к проблемам доступности и SEO.

Аватар пользователя Nikita Mikhaylov
Nikita Mikhaylov
09 сентября 2020
Что нужно знать о контрасте текста и как контролировать контраст с помощью SASS главное изображение
Код

При вёрстке веб-страницы важно сделать так, чтобы пользователям было комфортно читать текст. Это необходимо учитывать, так как у людей может отличаться восприятие цвета. Если вы можете легко прочитать светло-серый текст на белом фоне, то, возможно, у вашего друга это вызовет затруднения. В этой статье рассмотрим стандарт WCAG. На его основе создадим функцию для проверки коэффициента контраста.

Аватар пользователя Nikita Mikhaylov
Nikita Mikhaylov
01 сентября 2020
Что верстальщик должен знать про OOCSS и организацию CSS главное изображение
Код

На первых этапах освоения CSS полезно познакомиться с организацией кода. Это поможет писать аккуратный и легко поддерживаемый CSS, который облегчит жизнь не только вам, но и всем, кто будет работать с вашим проектом. В этой статье рассмотрим подход OOCSS, принципы из которого используются в профессии «Верстальщик».