Заметка о вёрстке

При вёрстке приложения нужно много чего учесть. Вот небольшой список того чего можно придерживаться.

  • Вёрстка должна соответствовать макету. Пиксель пёрфект — зло.
  • Семантика. Если элемент нажимается — `<button>`, если ссылается на другую страницу — `<a>`, текст — `<p>` и тд.
  • Компоненты должны быть максимально независимыми. Каскада — по-минимуму.
  • Адаптивность. Mobile first. Если решено верстать только на десктоп, то проверять на разрешениях от 1024.
  • Состояния. Предусмотреть все состояния кнопок, ссылок и элементов формы. Не забыть про `:focus`.
Поделиться
Отправить