Стартовые шаблоны для адаптивной вёрстки сайтов

Автор сборки: https://webdesign-master.ru

Получить нужный стартер:

Для получения нужного стартера можно скачать весь архив c GitHub – зелёная кнопка Code -> Download ZIP, распаковать и удалить ненужные папки. Или можно автоматизировать получение нужного стартера. Для этого у вас должна быть устрановлена командная оболочка Unix и Git. Если вы пользователь MacOS или Linux, команды клонирования Git будут доступны по умолчанию. Если вы пользователь Windows, рекомендую использовать WSL. Инструкция по установке WSL и окружения для веб-разработки в операционной системе Windows есть на сайте: https://webdesign-master.ru/blog/tools/wsl-nodejs-new.html

Получить _optimized_gulp_sass:

git clone https://github.com/agragregra/start_html; cp -r start_html/_optimized_gulp_sass .; rm -rf start_html

Получить _optimized_html:

git clone https://github.com/agragregra/start_html; cp -r start_html/_optimized_html .; rm -rf start_html

Получить _clean_html:

git clone https://github.com/agragregra/start_html; cp -r start_html/_clean_html .; rm -rf start_html

Получить _clean_sass:

git clone https://github.com/agragregra/start_html; cp -r start_html/_clean_sass .; rm -rf start_html

Получить _optimized_gulp_sass_jade:

git clone https://github.com/agragregra/start_html; cp -r start_html/_optimized_gulp_sass_jade .; rm -rf start_html

start_html – это чистые, готовые к бою HTML5 шаблоны (CSS и SASS), предназначенные для ускорения разработки современных адаптивных сайтов. Шаблоны содержат наиболее используемые и актуальные компоненты. Шаблоны поддерживаются и регулярно обновляются, перед стартом проекта - рекомендую скачать новую версию.

Что вошло в последнюю сборку:

• Стартовая структура файлов, принятая большинством Front-End разработчиков.
• index.html - индексный HTML файл, с первоначальной валидной разметкой;
• Прелоадер для страниц (_clean_html & _clean_sass);

• Стартовые CSS (SASS) файлы:

  • fonts.css (sass) - файл для подключения шрифтов с примером;
  • main.css (sass) - основные пользовательские стили;
  • media.css - файл медиа запросов для адаптивной вёрстки с первоначальной Desktop First и Mobile First структурой;
  • Подключенная и готовая к использованию библиотека миксинов Bourbon (_clean_sass).
• /fonts - Шрифт Roboto (eot, woff, ttf);
• img/favicon - подключенные в index.html Apple-совместимые по размеру фавиконки (для примера).
• mail.php - PHP скрипт для отправки заявок с сайта с примерной структурой;

• js/common.js - пользовательский файл скриптов, включающий:

  • Структуру для настройки Google Analytics и Yandex.Metrika целей;
  • Фоллбек для SVG изображений, подключаемых тегом img;
  • Начальный скрипт для AJAX отправки форм с сайта;
  • Плавный скролл страниц в браузере Chrome (/plugins-scroll);
  • Отключение Drag изображений на страницах.

• Включены следующие базовые jQuery плагины (/libs):

  • Animate.css / animate-css.js / Waypoints - плагины для простого добавления анимации на страницы при скролле;
  • Bootstrap - Полная и облегченная (bootstrap-grid.min.css) версия Bootstrap.
    В index.html подключена облегченная - только сетка, без JS и компонентов.
  • html5shiv - HTML5 в IE;
  • jQuery первой ветки;
  • modernizr;
  • Respond.js