Верстка главной страницы

ТЗ на верстку главной страницы

1. Браузеры. IE (10+), Chrome (34+), Firefox (20+), Opera (20+), Safari 5 – верстка полностью соответствует дизайну.

2. Стандарты. HTML5/CSS3. HTML – должен проходить валидацию. CSS – не обязательно.

3. Javascript (используется фреймворк angular; для определения поддержки HTML5 используется Modernizr.)

4. Ширина сайта: статична, сайт выровнен по центру.

5. Подвал прижат книзу.

6. Расширяемость. Блоки с изменяющимся содержимым подстраиваются в соответствии с дизайном при уменьшении/увеличении контента. Для текстовых блоков, заполняемых с помощью визуальных редакторов, должны быть прописаны стили оформления всех тегов контента.

7. Масштабирование страниц: страницы при масштабировании страницы в диапазоне 70-150% в браузерах должны выглядеть так же как и при 100%. Допускаются не большие погрешности, которые возникают из-за неправильных округлений координат браузеров.

8. HTML код: Кодировка – utf-8; Структурный, комментируемый код (обозначается начало/конец крупных блоков). Отбивка табами. Семантическая разметка на уровне грамотного использования тегов; Имена классов и идентификаторов – осмысленные, на наше усмотрение; Классы служат для привязки оформления, идентификаторы – скриптов.

9. CSS код: Структурный, отбивка табами; Комментариями обозначены начало/конец крупных модулей/блоков разметки; Допускается использование вендорных префиксов

10. Javascript код: Структурный, отбивка табами. Имена переменных осмысленные, на наше усмотрение. Снабжен комментариями: описаны назначения методов/классов, функций, условий.

11. Для объемных задач используется ООП, для простых – обычные функции.

12. Код должен быть без ошибок.

13. При использовании Ajax и не предоставления заказчиком api для взаимодействия с серверной частью, api делаем на свое усмотрение.

14. Изображения (Имена файлов осмысленные, на наше усмотрение. Проходят базовую оптимизацию на уровне оптимизации для Веб в Photoshop. Малые изображения оформления объединенные по назначению и склеиваются в спрайты.)

15. Файловая организация. (HTML файлы лежат в корне. Главная страница – index.html. Остальные – по именам макетов. Стили в папке /css/; Javascript – /js/; Изображения оформления – /img/; Изображения содержания – /pic/)