Верстка сайта
Основные требования:
- HTML5
- SCSS
- адаптивность: max-width указан на макетах, для меньших дисплеев – fluid (прорисован десктоп и мобильный телефон для нестандартных страниц, остальные состояния можете реализовать на ваше усмотрение соблюдая нормы юзабилити и общий стиль.).
- БЭМ (без фанатизма и километровых селекторов, следуйте логике наименований, но сохраняйте каскадный стиль для неразрывных групп элементов, напр. плитка товара или юзера)
- PerfectPixel
- Gulp (Grunt и Browserify не допускается)
- элементы дизайна должны быть выполнены в векторе и объединены в один легко дополняемый файл (шрифт icomoon), растровая графика должна быть сохранена с флагом progressive.
- базовый скриптинг (без файла колбасы с вызовами через айдишники)
- все всплытия, раскрытия и т.п. проходят анимированно в стиле fade/slide
- все анимации проходят с использованием CSS3 (никаких slideDown и т.п. на jQuery)
- не допускаются однотипные плагины (например несколько селектов для разных типов списков)
- выпадающие списки и дейтпикеры на мобильных девайсах должны использовать нативный интерфейс (никаких дропдаунов на устройствах)
- не допускается дублирования кода, например два идентичных блока меню для показа одного на десктопе, а второго на девайсах или парные контролы (один под плагин, второй – нативный под девайсы)
- кроссбарузерность (последние версии популярных браузеров и Safari8+ под macOS и iOS8, а так же Android4+)
- все цвета, шрифты, и даже скорость анимации должны контролироваться через переменные из одного файла variables.scss
- модульность файлов стилей (четкое разделение например на core, plugins, modules и т.п. на ваше усмотрение)
- респонсив стили для селектора писать рядом с другими стилями, используя миксин (напр. @include xs {}), но не допускается создание отдельных файлов (напр. max-width-767.scss) для написания этих стилей.
Будет преимуществом:
- отсутствие избыточности от CSS фреймворка путем создания кастомных базовых стилей под нужды проекта.
JPG-макеты всех состояний:
https://drive.google.com/drive/u/1/folders/0ByMhl2IT6FhsVTF0MjhTaEFrcjA