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

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

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

P.S. Свежие посты публикуются в телеграме. Если чувствуешь, что они полезны, то подпишись.