zoyta-2017
Коротко о главном
Responsive design maket together with flexible gulp config + desktop first + preprocessorCSS + git + Flexbox + BEM-nameing + svg-sprites
Сборка 🏁
Используем комманды gulp dev / gulp build
Проект состоит из index.html
- Раскладка страницы выполнена целиком на Flexbox
- Без сбоев работает кроссбраузерно в (all Chromium engine), FF, IE+11, Edge
- Проект можно удобно масштабировать, благодаря удачному применению BEM и грамотной организации классов, для svg графики подготовлена эффективная экосистема наследования и зависимостей лежащие в папке
stylus/global/ - Валидация HTML и CSS соблюдена, испытания велись на w3c
- Ключевые особенности формирующие zoyta
- Используется 3 типа шрифтов в 2-ух форматах .woff .woff2
- Применяется семантическая разметка с соблюдением современных стандартов и правильным БЭМ именованием классов, папок, файлов.
- Используется базовая стилизация по средствам CSS сложно стилизуемых
<select> - Отдельное внимание стоит уделить веб графики — SVG, все иконки в векторе, построены на symbols-SVG-спрайте который подключается как внешний (#external) файл, это дает возможность создание неограниченного количества слепков нужных иконок и управлением стилями через CSS, но для работы в любимом всеми IE используется библиотека svg4everybody, если нужно обойтись без JS нужно использовать другой способ #fragment identifiers связанный с встраиванием в тело html символьного спрайта с последующим обращением к нему через
<use>thx SaraSoueidan 👍 - Normalize.css лучше Reset.css все файлы .css правильно минифицированны
