Верх страницы
Обложка к записи Пуленепробиваемый шаблон для разработки HTML5-сайтов
Время для прочтения: 0 мин. 9 сек.

Пуленепробиваемый шаблон для разработки 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.0An introduction to HTML5 Boilerplate v5.0

Ссылки

ВКонтакте
Одноклассники
Linkedin
Telegram
WhatsApp

Комментарии
Подписаться
Уведомить о
guest
4 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Grigoriy Dobryakov
10 лет назад

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

Aaron
7 лет назад
Ответить на  Кобзарёв Михаил

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