Skip to content

agragregra/start_html

Repository files navigation

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

Автор сборки: 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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published