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

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

Ссылки

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

  • It’s cool. Мы тоже начинаем использовать его в своих проектах. Поделитесь примерами практической реализации, плиз, если есть.

    • Григорий, а офсайт чем вам не пример? Мои проекты сейчас в разработке в локальной версии. Когда они станут публичными, могу скинуть ссылки.

      • Я не опоздал? К изучению Boilerplate только подхожу, поэтому тоже хотелось бы посмотреть на живые примеры. )

        • Нет, не опоздали — сейчас как раз расцвет HTML5, CSS3. А чем вам офсайт H5BP не пример и все их разработки? Что именно вы хотите увидеть?