Как стать автором
Обновить

Не строим с нуля. Теперь у Вас есть шаблон для верстки HTML5

Время на прочтение2 мин
Количество просмотров17K
Автор оригинала: Rey Bango
Любовь к HTML5 продолжает вдохновлять Поля Айриша. Во-первых, он подарил нам Modernizr, а сейчас он объединился с Divya Manian для создания шаблона HTML5, который использует передовые техники, чтобы Вы могли начать использовать его в своей практике.

Он, в сущности, является хорошей отправной точкой, состоящей из HTML и CSS, предлагающим также и структуру папок, которая работает. Но созданным с учётом многих лет передового опыта профессионалов в разработке клиентской части. Загляните в исходные тексты, чтобы почувствовать, что находится внутри. А если вы думаете, что этого слишком много, просто удалите лишнее.

Прямо с сайта, вот некоторые из особенностей, которые делают этот шаблон замечательным:
  • Кросс-браузерная совместимость (да, включая IE6);
  • Готовность к HTML5. Возможно использование новых тегов, во всей их полноте;
  • Оптимальные правила кэширования и сжатия A-класса производительности;
  • Лучшие настройки сайта по умолчанию, исходя из нашей практики;
  • Оптимизации под мобильные браузеры;
  • Прогрессивная мягкая деградация современных возможностей… да-да, она работает;
  • Специфические классы IE для максимального контроля кросс-браузерной совместимости;
  • Удобные классы .no-js и .js для описания функциональности, зависящей от возможностей, на основе стилей;
  • Хотите написать юнит-тесты, но лень? Полнофункциональный тестовый набор ждет вас;
  • Профилирование Javascript… в IE6 и IE7? Конечно, не проблема;
  • Настройка Console.log, так что вы не сломаете что-нибудь по ошибке;
  • У вас никогда не будет неправильного типа документа или разметки!
  • Оптимальные стили для печати, оптимизированные по производительности;
  • Разметки, адаптируемые под IOS, Android, Opera Mobile, и скелет CSS;
  • IE6 pngfix включён в поставку;
  • Классы .clearfix и .visuallyhidden для разумной и дружелюбной стилизации;
  • файл .htaccess, который позволяет правильно использовать возможности HTML5 и ускоряет загрузку страницы;
  • jQuery, размещённый на CDN, с местным резервированием для большей надёжности;
  • Думаете, что слишком много? Шаблон HTML5 позволяет легко убирать из себя лишние возможности. :)

Несколько человек говорят, что уже адаптировали для себя этот HTML5-шаблон, так что приятно видеть его работающим в живых проектах. Он является хорошей подмогой.

Этот проект использует всеми любимую хостинг-систему контроля версий GitHub, так что вы можете взять шаблон из репозитория, или загрузить архив с сайта.
Теги:
Хабы:
+135
Комментарии48

Публикации

Истории

Ближайшие события

Weekend Offer в AliExpress
Дата20 – 21 апреля
Время10:00 – 20:00
Место
Онлайн
Конференция «Я.Железо»
Дата18 мая
Время14:00 – 23:59
Место
МоскваОнлайн