О сайте caniuse и валидаторе W3C

Веб-сайт часто использует разметку html, стили css библиотеку скриптов javascript jQuery. Все они довольно быстро изменяются, подстраиваясь под новые требования. Как отслеживать изменения, чтобы Ваш сайт всегда был на уровне?

Как пользоваться Can I use

Дословно переводится как «Могу ли я использовать». Это сайт, владелец которого Алексис Deveria, следит за изменениями html и css. 

"Могу ли я использовать" предоставляет какие из настольных и мобильных браузеров на сегодня поддерживают новшества интерфейсных веб — технологий.

Сайт на английском языке. 

На Главной странице Home Вы можете найти какие последние изменения появились на сайте. 

Как пользоваться 

Любая страница сайта имеет в верхней части красное поле с вопросительным знаком. Если Вас интересует какой-то конкретный элемент html или свойство css, Вы можете ввести его название в это поле, после чего откроется страница поддержки браузерами указанного Вами элемента.

На примере свойства flex (рис. 2) покажу как это выглядит.

В поле Can I use введено свойство flex. Таблица отображает поддержку свойства на момент запроса. 

В таблице перечислены часто используемые модели браузеров. Зеленый цвет означает полную поддержку этого свойства указанной моделью. Красный — отсутствие поддержки. Болотный — частичную поддержку. Как мы можем видеть на рисунке свойство flex сегодня поддерживается всеми известными браузерами. И только IE имеет частичную поддержку.

Данные сайта caniuse можно использовать бесплатно по лицензии CC BY 4.0.

Валидатор W3C и стандарты web

Стандарты разрабатываются консорциумом W3C. Это не требования, а рекомендации. Рекомендации W3C просты и понятны.

Для построения веб-страницы используется язык гипертекстовой разметки html и каскадные таблицы стилей css. Стили выносятся в отдельный файл(предпочтительно) или в заголовок. Поведение(скрипты), разметку(html) и оформление(css) рекомендуется размещать в разных файлах.

На сегодня используем html5 и css3.

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

Для чего он нужен?

Представьте себе — пишете Вы, пишете. Наконец, страница создана, она чудно работает и прекрасно выглядит. Вы открываете в браузере исходный код и, о ужас! - часть страницы — большая или меньшая — неважно - КРАСНАЯ!

Так вот, чтобы этого не случалось, нужен валидатор. Он проверит разметку и стили, покажет ошибки в два счета. Инструмент бесплатный, работает онлайн. Просто набираете в поисковике валидатор W3C, загружаете файл и ждете результат проверки. На английском. Чтобы получить Валидатор W3C на русском рекомендую пользоваться Яндекс браузером. В этом смысле браузер незаменим. Он сам делает перевод с английского.

Начальные навыки верстки с использованием стандартов широко освещены в сети, где их можно легко найти.