└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Чеклист для верстающих под проекты CMS Битрикс
 2 | 
 3 | - [ ] Кроссбраузерность. [Браузеры](http://browser.burtdev.net/) c долей более 5%. Верстаем на HTML 5 с семантическими тегами по ситуации.
 4 | - [ ] Не использовать Reset CSS, приемлем только [Normalize.css](http://necolas.github.io/normalize.css/).
 5 | - [ ] Верстка с помощью `<div>` и все стили вешаются на них. Семантические теги HTML 5 не должны быть стилизованы.
 6 | - [ ] Весь CSS вешается на классы (`class=""`). Верстка не должна быть привязана к `id`.
 7 | - [ ] Кодировка должна быть UTF-8.
 8 | - [ ] Обязательное использование семантических тегов `<header role="banner">`, `<nav role="navigation">`, `<section role="main">`, `<footer role="contentinfo">` и `<article>` для текста страницы.
 9 | - [ ] CSS и JavaScript должен быть в отдельных файлах.
10 | - [ ] CSS и javaScript должны проверятся анализаторами качества кода: [CSSLint](http://csslint.net/) и [JSlint](http://www.jslint.com/). Избежать всех ошибок этих анализаторов, за исключением предупреждений, если применение обосновано.
11 | - [ ] Сайт должен нормально смотреться во всех стандартных разрешениях от 1024 и выше, не иметь горизонтального скролла.
12 | - [ ] Верстка не должна ломаться при уменьшении-увеличении экрана.
13 | - [ ] Корректная работа при вбивании реального текста, надёжность вёрстки.
14 | - [ ] Правильная структура заголовков (`<h1>`, `<h2>`, и т.д.).
15 | - [ ] Не должно быть JS-ошибок в консоли!
16 | - [ ] Для мелких картинок связанных логически должны использоваться CSS-спрайты.
17 | - [ ] CSS3: border-radius, gradient, box-shadow, text-shadow вместо использования графики.
18 | - [ ] Должны быть объявлены стили для ссылок по умолчанию `:hover`, `:active` и `:focus`.
19 | - [ ] Размер текста в `em` и никак иначе.
20 | - [ ] Использовать последние стабильные версии библиотек (jquery, etc).
21 | - [ ] Основные [теги наполнения](http://ndr.su/html_simple/) без классов не должны использовать вне основной части.
22 | - [ ] Всплывающие/модальные окна делаем [без прокрутки содержания страницы под ним](http://rmcreative.ru/blog/post/pravilnye-modalnye-okna).
23 | - [ ] JS-обработчики должны вешаться на отдельные классы, за которыми не закреплены стили. К примеру, `js-popup-open`.
24 | - [ ] Медиа-запросы должны быть внутри css-файлов. Использование атрибута media тега <link> не рекомендуется.
25 | 
26 | Основная часть взята от [сюда](http://handleman.ru/12-checklist-for-front-end-developer.html).


--------------------------------------------------------------------------------