Инитум

Шаблон помогает быстро начать вёрстку проекта.

Перед началом работы нужно установить зависимости:

npm install

Удобнее через Yarn (здесь и далее идентичные команды — парами, выбирайте, что нравится больше):

yarn

Режимы

Одноразовая сборка:

npm start

yarn start

Запуск живой сборки на локальном сервере:

npm run live

yarn live

Сборка без автоматической перезагрузки страниц:

npm run no-server

yarn no-server

Живая сборка на локальном сервере и туннель в интернет:

npm run external-world

yarn external-world

Шаблоны собираются из папки templates с помощью swig. Составные части лежат в blocks. Боевые файлы автоматически собираются в корне проекта.

Верстаются в assets/source/styles/layout.pcss, компилируются в assets/css/style.css. Работает антикэш — к ссылкам на стили добавляется md5-хэш.

Переменные (precss):

$helvetica: "Helvetica Neue", Arial, sans-serif;

Вложенность (postcss-nested) для элементов и модификаторов в БЭМе:

.block {
  ...
  
  &__element {
    ...
  }
  
  &--modifier {
    ...
  }
}

Картинки кладутся в assets/source/img/ и с помощью gulp-imagemin минифицируются в папку assets/img/.

Можно писать на es2015 — подключен и работает Babel. Включен jQuery 3. Работает антикэш (см. абзац о стилях).

Используется в проектах Кодельной: приходите работать