mysubscribes / start_html

Deprecated. For new projects use https://github.com/agragregra/optimizedhtml-start-template

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

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

Чистые, готовые к бою 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