Правила качественной верстки

site141[1]Создание любого сайта начинается, как известно, с идеи. Сообразно идее специалисты продумывают дизайн сайта, планируют наполнение контентом. Но «физическое» изготовление веб-страниц начинается с важнейшего этапа – верстки сайта, без которой не обходится ни один проект.  Для того чтобы отдавать вёрстку клиенту, достаточно соблюдения первых 4 пунктов.
Для выдачи в продакшен — первых 6.
Самое главное требование: Соответствие макету.

  1. Кроссбраузерность, кодировка и DOCTYPE
  2. Валидность, доступность, микроформаты
  3. Независимость блоков в : минимизация каскада, использование техник БЭМ/MCSS/SMACSS
  4. должен нормально смотреться во всех стандартных разрешениях от 1024 и выше, не иметь горизонтального скролла и вписываться в экран мобильных устройств
  5. Корректная работа при вбивании реального текста, надёжность вёрстки
  6. Проверка и оптимизация скорости загрузки
  7. Наличие Win/Mac/Linux-аналогов шрифтов
  8. Доступность при выключенных(загружающихся) картинках
  9. формы, линковка, валидация
  10. Семантичность. Отсутствие глупостей в и css, единообразие, аккуратность
  11. Правильная структура заголовков (H1,H2,… и т.д. и TITLE)
  12. Работоспособность при выключенном JavaScript
  13. Работоспособность при выключенном Flash
  14. Отсутствие багов при увеличенном шрифте
  15. И последний пункт – мелкие проверки (ниже подробней)

Оригинал: http://habrahabr.ru/post/114256/

Запись навигация

Top