Google Web Starter Kit: конструктор мобильных сайтов

в 12:25, , рубрики: guilp.js, mobile development, Web Starter Kit, Веб-разработка, Мобильный веб

Google Web Starter Kit: конструктор мобильных сайтов

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.

Google Web Starter Kit: конструктор мобильных сайтов

Инструкцию по добавлению картинок, CSS, скриптов и проверке производительности см. здесь.

Автор:

Источник

Поделиться

* - обязательные к заполнению поля