Пуленепробиваемый шаблон для разработки HTML5-сайтов

HTML5 Boilerplate — это HTML/CSS/JS шаблон для всех маньяков, пишущих быстрые, неглючные и ориентированные на будущее сайты.

В нем собраны лучшие хаки для кросс-браузерной совместимости, настройки производительности и даже таких вещей, как кросс-домменых Ajax запросов и Flash. А наш пример .htaccess для Apache поможет настроить правила кеширования, сжатия (gzip!) и подготовит ваш сайт к работе с HTML5 видео и @font-face.

Boilerplate — это не фреймворк. Это просто набор штуковин, помогающий быстро и безболезненно начать делать ваш сайт.

Почему это круто

• Кросс-браузерность (ага, даже IE6).
• Настоящий HTML5. Можно сразу использовать новые теги.
• Правила сжатия и кеширования для супер производительности.
• Оптимальные параметры для настройки сайта.
• Поддержка мобильных браузеров.
• Использование фич в зависимости от возможностей браузера — мы это учли.
• Специальные классы для Internet Explorer.
• Классы .no-js и .js, чтобы можно было по-разному стилизовать страницу в зависимости от того, включен ли JavaScript.
• Хочется юнит-тестов, но лениво их писать? Мы уже написали подробнейшие юнит-тесты для проекта.
• Профайлинг JavaScript в IE6 и IE7? У матросов нет вопросов.
• Заглушка для console.log, чтобы ни у кого ничего случайно не поломалось.
• Вы никогда больше не будете использовать неправильную разметку или doctype.
• Оптимальные стили для печати.
• Код для iOS, Android и Opera Mobile, а также шаблон для CSS.
• Встроенный IE6 pngfix.
• Классы .clearfix и .visuallyhiden для правильной и доступной стилизации.
• Конфиг .htaccess для правильного использования HTML5 и более быстрой загрузки страниц.
• jQuery скачиваемый с CDN (и локальная копия, на всякий случай).
• Думаете слишком много всего? HTML5 Boilerplate можно настроить на ваш вкус.

Видос

An introduction to HTML5 Boilerplate v5.0

Ссылки

• Официальный сайт

CSS HTML5