Содержание
скрыть
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 можно настроить на ваш вкус.
Видос
Ссылки
Источник: https://www.kobzarev.com/makeup/html5-boilerplate/
