Учебный проект, реализованный во время обучения на курсе HTML Academy по вёрстке.
Изначально разрабатывался с помощью Gulp 4.0 в Node.js 12. После окончания курса скрипты сборки были донастроены, часть инструментов (сжатие изображений, минификация файлов, etc.) была обновлена на более актуальные ко времени Node.js 16; также был настроен github-action для автоматической развёртки на github-pages и добавлен js-функционал (дополнительная интерактивность, загрузка данных).
- Установка зависимостей:
npm install
- Сборка:
npm run build
- Запуск локального сервера:
npm start
- Сетка: определена в макете.
- Адаптивность сетки: мобильная, планшетная и десктопная версии.
- Адаптивность графики: ретинизация, векторные изображения.
- Используемая методология: БЭМ.
- Используемый препроцессор: Sass.
- Используемый инструмент автоматизации: Gulp.
- Используемые библиотеки: нет.
- Кроссбраузерность: Chrome, Firefox, Safari.
- Типографика: частично определена в макете (прочее — на усмотрение разработчика).
- Используемый шрифт: Open Sans.
- Разметка семантическая.
- Вёрстка адаптивная, mobile-first — брейкпоинты: 320px, 660px, 960px.
- Оптимизация:
- WebP
- векторный спрайт
- предзагрузка шрифтов и изображений
Репозиторий создан в рамках обучения на профессиональном онлайн‑курсе «HTML и CSS. Адаптивная вёрстка и автоматизация» от HTML Academy.