![](https://habrastorage.org/getpro/habr/post_images/a1a/de9/0b0/a1ade90b02b7e153e34aa71d9837c607.png)
Google Web Starter Kit — конструктор и шаблоны для быстрой разработки отзывчивых мобильных сайтов, которые хорошо работают на любой платформе и почти в любом браузере (кроме самых старых). Такие сайты везде выглядят, как нативные приложения.
Основные особенности:
- HTML-шаблоны, оптимизированные для мобильного применения;
- отзывчивый макет для разных мобильных устройств
- руководство по стилю визуальных компонентов;
- поддержка Guilp.js (по умолчанию), Node.js, Ruby и Sass.
Для начала работы следует скачать код текущей версии Web Starter Kit 0.2.0 beta или клонировать репозиторий.
В папке
/app
есть два шаблона: стандартный index.html с боковым slide-меню. Другой шаблон basic.html — более простой вариант, без макета и навигации.После установки Guilp.js, Node.js, Ruby и Sass можно начинать работу. Файлы приложения складываются в папку
web-starter-kit/dist
. Если используется Gulp, то можно посмотреть текущую версию проекта командой gulp serve
. История изменений в коде сохраняется в Gulp, если предварительно запущена программа gulp watch.Проверять сайт на разных экранах удобно с помощью эмулятора, встроенного в Chrome DevTools.
![](https://habrastorage.org/getpro/habr/post_images/ae4/492/b18/ae4492b189f43a966b096d14f481b103.png)
Инструкцию по добавлению картинок, CSS, скриптов и проверке производительности см. здесь.