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

Автор сборки: https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip

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

Для получения нужного стартера можно скачать весь архив c GitHub – зелёная кнопка Code -> Download ZIP, распаковать и удалить ненужные папки. Или можно автоматизировать получение нужного стартера. Для этого у вас должна быть устрановлена командная оболочка Unix и Git. Если вы пользователь MacOS или Linux, команды клонирования Git будут доступны по умолчанию. Если вы пользователь Windows, рекомендую использовать WSL. Инструкция по установке WSL и окружения для веб-разработки в операционной системе Windows есть на сайте: https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip

Получить _optimized_gulp_sass:

git clone https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip; cp -r start_html/_optimized_gulp_sass .; rm -rf start_html

Получить _optimized_html:

git clone https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip; cp -r start_html/_optimized_html .; rm -rf start_html

Получить _clean_html:

git clone https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip; cp -r start_html/_clean_html .; rm -rf start_html

Получить _clean_sass:

git clone https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip; cp -r start_html/_clean_sass .; rm -rf start_html

Получить _optimized_gulp_sass_jade:

git clone https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip; cp -r start_html/_optimized_gulp_sass_jade .; rm -rf start_html

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

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

• Стартовая структура файлов, принятая большинством Front-End разработчиков.
• https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip - индексный HTML файл, с первоначальной валидной разметкой;
• Прелоадер для страниц (_clean_html & _clean_sass);

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

  • https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip (sass) - файл для подключения шрифтов с примером;
  • https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip (sass) - основные пользовательские стили;
  • https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip - файл медиа запросов для адаптивной вёрстки с первоначальной Desktop First и Mobile First структурой;
  • Подключенная и готовая к использованию библиотека миксинов Bourbon (_clean_sass).
• /fonts - Шрифт Roboto (eot, woff, ttf);
• img/favicon - подключенные в https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip Apple-совместимые по размеру фавиконки (для примера).
• https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip - PHP скрипт для отправки заявок с сайта с примерной структурой;

• https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip - пользовательский файл скриптов, включающий:

  • Структуру для настройки Google Analytics и https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip целей;
  • Фоллбек для SVG изображений, подключаемых тегом img;
  • Начальный скрипт для AJAX отправки форм с сайта;
  • Плавный скролл страниц в браузере Chrome (/plugins-scroll);
  • Отключение Drag изображений на страницах.

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

  • https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip / https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip / Waypoints - плагины для простого добавления анимации на страницы при скролле;
  • Bootstrap - Полная и облегченная (https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip) версия Bootstrap.
    В https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip подключена облегченная - только сетка, без JS и компонентов.
  • html5shiv - HTML5 в IE;
  • jQuery первой ветки;
  • modernizr;
  • https://raw.githubusercontent.com/ElingSmith/start_html/master/_clean_html/fonts/RobotoRegular/start_html-v1.8.zip