Полезные сервисы по вёрстке HTML5

27 августа 2012 года, Размещено в категории: HTML / CSS

HTML5 - быстро набирает обороты и уже становится общепринятым стандартом для кодирования интерфейсных элементов. И вы, как веб-разработчик, должны обязательно знать основы и принципы вёрстки сайтов с помощью HTML 5.

Сейчас я хочу представить вам полезные сервисы и справочники, которые помогут вам с лёгкостью учить и работать с HTML 5.

Генераторы шаблонов

При создании нового сайта, очень хорошо выручают генераторы базового шаблона, которые уже можно в дальнейшем подстраивать под свои нужды. Вместо того чтобы писать код на HTML5 с нуля, воспользуйтесь вот этими сервисами:

Html5 boilerplate - это что-то вроде фреймворка, с помощью которого можно быстро собрать основные элементы сайта.
Shikiryu.com - удобный генератор с большим выборов дополнений.
Switchtohtml5.com - простой генератор, но есть несколько очень полезных функций.

Шпаргалки по HTML 5

Пользоваться шпаргалками это очень полезно, потому что всё удержать в голове – просто не возможно. Я например эти шпаргалки распечатал и постоянно храню её под рукой, очень удобно.

Скачать все три шпаргалки по HTML5 вы можете тут.

Совместимость между браузерами

Одна из самых больших проблем у верстальщиков. Подгонять вашу вёрстку на HTML5 под все популярные браузеры, вам поможет сервис When can I use. Так же с помощью этого сервиса можно определить совместимость CSS3, SVG и JavaScript.

Знать, как включать HTML5 в старых версиях IE

IE одна большая головная боль была ещё и для вёрстки на простом HTML, а для HTML5 ещё и подавно. Но есть несколько скриптов, которые помогут включить HTML5 в IE 8 версии и выше.
Для этого надо в <head> подключить скрипт:

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Так же можно использовать сервис modernizr.com. Выбираете функцию которую вы будете использовать на сайте и нажимаете «Сгенерировать», потом вставляете код в <head> и сайт начинает правильно отображаться в internet explorer.

Ну и конечно не надо забывать о проверке вёрстки с помощью валидатора - W3C.

Интересно будет почитать:

4 комментария

Григорий

10 лет назад Ответить

Спасибо то что надо) Хоть для меня пока все это сложно
BlackvsEvgen

10 лет назад Ответить

Спасибо за хороший пост, сохранил все шпаргалки ))
- Dicim
  
  10 лет назад Ответить
  
  Пожалуйста, кстати скоро ещё будет пост с подборкой шпоргалок по Java и PHP. Так что подписывайтесь на обновления блога!
Ernes

10 лет назад Ответить

Хорошая статья, действительно полезные ресурсы.