Pull to refresh

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

Reading time2 min
Views17K
Original author: 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, так что вы можете взять шаблон из репозитория, или загрузить архив с сайта.
Tags:
Hubs:
Total votes 157: ↑146 and ↓11+135
Comments48

Articles