Home

Holiden Template

Стартовый шаблон для web разработки

Особенности

HTML

• Импорты
• Сжатие

CSS

• Использование препроцессора SASS с синтаксисом SCSS
• Группирование медиавыражений
• Автоматическая расстановка вендорных префиксов
• Сжатие

JS

• Импорты
• Объединение
• Сжатие

Изображения

• Оптимизация изображений форматов .gif, .jpg, .jpeg, .png, .svg, .webp
• Конвертация изображений форматов .gif, .jpg, .jpeg, .png в .webp
• Генерация svg спрайтов
• Генерация фавиконок

Использование шаблона

1. Установи NodeJS
2. Установи Git
3. Установи Gulp командами npm i gulp-cli -g и npm i gulp -D
4. Скачай папку с шаблоном командой git clone https://github.com/Holiden/template.git
5. Установи необходимые пакеты командой npm i

Команды

• npm run development - запуск сервера для разработки проекта
• npm run build - сборка проекта

Рекомендации по использованию

1. Придерживайся изначальной структуры директорий и файлов
2. Используй подход Mobile First
3. Библиотеки устанавливаются в директорию node_modules. Для подключения JS библиотек используй файл source/scripts/library/library.js. CSS библиотеки подключай в файл source/styles/library/library.scss.
4. Разделяй разработку на блоки, которые размещай в директории source/blocks/
5. Компоненты размещай в директории source/components/