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

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

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

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

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

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

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

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

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

Шпаргалки по 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 комментария

  • 5 лет назад Ответить

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

  • 5 лет назад Ответить

    Спасибо за хороший пост, сохранил все шпаргалки ))

    • 5 лет назад Ответить

      Пожалуйста, кстати скоро ещё будет пост с подборкой шпоргалок по Java и PHP. Так что подписывайтесь на обновления блога!

  • 5 лет назад Ответить

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Перед отправкой формы: