Разработка сайтов для СРО

Initializr – HTML5 шаблон для разработки веб-сайтов

Initializr – это простой инструмент, который поможет вам начать работу над проектом на основе HTML5, автором которого является Jonathan Verrecchia.

Он построен на базе HTML5 Boilerplate , мощнейшем HTML5 шаблоне, созданном Paul Irish и Divya Manian. С его помощью вы элементарно создадите HTML5 проект с необходимыми настройками файлов по вашему выбору. По сути, это облегченная версия Boilerplate.

Из Initializr были удалены некоторые функциональные возможности Boilerplate, но вы можете посетить сайт HTML5 Boilerplate , если они вам необходимы.

Процесс настройки шаблона крайне прост и проходит в несколько этапов.

  • HTML и CSS – первым шагом, сделайте выбор шаблона: с демо-контентом или без. Кликните по необходимому.
  • Javascript – в данном шаге вы можете добавить Javascript файл (в который потом будете заносить скрипты) и ссылку на jQuery библиотеку. А также, выбираете какой вариант jQuery вам нужен: сжатый или полный.
  • Совместимость – на данном этапе вы настраиваете совместимость вашего документа с браузерами не поддерживающими HTML5, посредством одного из двух скриптов: Modernizr  и HTML5shiv .

А сейчас, в нескольких словах, что же такое Modernizr и HTML5shiv.

Modernizr – это небольшая и простая JavaScript библиотека, которая с легкостью поможет начать использовать CSS3, HTML5 в проекте, и в тоже время обеспечит корректную работу сайта в более старых браузерах, которые не поддерживают новые веб-технологии.

Modernizr добавляет классы (class) к элементам которые позволяют вам нацеливаться на специфические функции браузеров в ваших таблицах стилей. И вам, на самом деле, не надо писать скрипты, чтобы пользоваться ими.

HTML5shiv предназначен для корректной работы сайта с HTML5 в IE (ниже 9-й версии). В старых версия IE вам необходимо инициализировать новый HTML5 элемент перед тем как загрузится страница. Так вот, cкрипт HTML5shiv сделает это за вас.

Добавьте следующий скрипт в секцию документа, ниже вашего CSS. Включите его в условные комментарии, чтобы его распознавали IE браузеры ниже 9-й версии.

А теперь о Boilerplate, о том, что послужило базой для данного проекта.

Boilerplate  – это высокопрофессиональный и надежный набор HTML/CSS/JS шаблонов созданных Paul Irish  и Divya Manian . Это очень мощный иструмент для разработки веб-сайтов и веб-приложений, даже если вы не собираетесь работать с HTML5.

Громадный наработанный опыт за несколько лет был сведен в эту коллекцию. Я бы посоветовал прослушать видео презентацию Paul Irish  (внизу страницы), где он подробно объясняет, что же такое Boilerplate и дает много детальных пояснений, что делает более простым дальнейшее использование Boilerplate. Каждый файл дополнен подробными комментариями.

Boilerplate также предоставит много полезных советов, чтобы сделать ваш сайт лучше и определено поднимет вас на новый уровень работы с современными веб-технологиями.