/start_html

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

Primary LanguageCSS

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

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