MegaBulkOrg / grid-layout-on-gulp

Page layout with Grid created using Gulp, PUG and SASS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Верстка страницы с использованием сетки Grid

Страница сверстана при помощи Gulp с использованием препроцессора SASS и шаблонизатора PUG.

Работа включает в себя:

  • В названиях классов HTML-элементов использована методология БЭМ
  • Адаптивная верстка для любых устройств от 320 до 3840
  • Верстка pixel perfect на всех макетах
  • Блоки сверстаны с учетом использования большого количества текста (переполняемость)
  • Плавные эффекты при наведении
  • Использование CSS Grid Layout
  • Минификация верстки, стилей и Js
  • Использование WebP в качестве формата для изображений
  • "Ленивая" загрузка изображений (aka Lazy loading)
  • Использование SVG спрайтов

В этом репозитории размещены исходные файлы, а так же конфигурационный файл Gulp и файл package.json.

About

Page layout with Grid created using Gulp, PUG and SASS


Languages

Language:CSS 38.5%Language:Sass 31.4%Language:Pug 20.9%Language:JavaScript 9.2%