Пуленепробиваемый шаблон для разработки 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 можно настроить на ваш вкус.

Постовой: хостинг джино

Ссылки

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

Похожие публикации:

1. Тестирование HTML5-видео на YouTube
   Наконец-то произошел переход YouTube на использование HTML5-тегов для проигрывания видео (в режиме тестирования). По умолчанию используется обычный плеер, чтобы выбрать...
2. Занесен ли сайт в список подозрительных веб-сайтов?
   Часто при заходе на сайт, вместо обычного отображения страницы, браузер предупреждает вас о наличии вируса по этому адресу. Чтобы ваши...
3. HTML5 замена Adobe Flash Player
   Современные браузеры уже вовсю поддерживают html5, который позволяет нам вставлять в документ видео без использования Adobe Flash Player. Например так:...
4. HTML5 логотип Google в виде Pacman
   Зашел сегодня на сайт google и увидел их новый логотип - в виде игры Pacman. Очень порадовал. Есть и музыка...
5. 5 бесплатных HTML5 видео плееров для разработчика
   С каждым днем мы все больше и больше слышим о HTML5. По мнению экспертов HTML5 - это будущее Интернета. В...

Теги: CSS, HTML5

Поделиться: