Верстка \ HTML5

Как эффективно работать с ARIA в HTML5

От автора: ARIA расшифровывается как «Accessible Rich Internet Applications» и помогает сделать ваш сайт более доступным для людей с ограниченными возможностями, такими как слух или нарушение зрения. Давайте разберемся как мы, разработчики можем облегчить жизнь с помощью этого инструмента.

Продолжить чтение

Верстка \ HTML5

Физические единицы измерения в HTML5

От автора: разработчики зачастую игнорируют физические величины на веб-страницах, такие как футы и дюймы, метры и кварты. Задача также привлекательна еще и с той стороны, что все мировое сообщество, кроме США, Либерии и Мьянмы, используют метрическую систему.

В данном уроке мы поговорим о том, что правильно закодированные реальные физические единицы измерения существенно облегчат жизнь при конвертации в другие величины, и посмотрим, как это правильно делать.

Продолжить чтение

Верстка \ HTML5

Атрибут sizes

От автора: cегодня я расскажу про атрибут sizes и самую сложную часть в новой спецификации. Атрибут sizes довольно странный… Он выглядит странно, ведет себя странно, однако он является той недостающей частью спецификации, которая собирает все в единое целое. Данный атрибут – это ключ к пониманию синтаксиса адаптивных изображений.

Продолжить чтение

Верстка \ HTML5

Использование Modernizr 3.0. Краткий обзор

От автора: браузеры становятся все быстрее, принимаются новые стандарты, но на деле у нас просто не остается выбора – нам приходится поддерживать старые версии браузеров. Вкратце, нам нужно использование библиотеки Modernizr.

Продолжить чтение

Верстка \ HTML5

Общие сведения о HTML 5 Polyfill, Shiv и Shim

От автора: начинающие разработчики часто жалуются на отсутствие полной поддержки в новейших браузерах, таких как Chrome, всех самых последних тегов HTML, свойств CSS или JavaScript. Вместо этого все браузеры стремятся выпустить локальные патчи: Firefox поддерживает какие-то из свойств, которые не поддерживает Chrome, в Safari нет тех свойств, что есть в Chrome и т.д. Все это объясняется тремя основными причинами.

Продолжить чтение

Верстка \ HTML5

Полифилл для атрибута placeholder

От автора: я использую атрибут placeholder у тега input в двух случаях: (1) когда мне нужно создать метку для простых форм, где есть всего несколько полей ввода (2) когда мне нужно создать подсказки в сложных формах.

Вся проблема с данным атрибутом заключается в том, что он не поддерживается в IE 9 и ниже. А это очень неприятно, если вы используете данный атрибут вместо тега label…

Продолжить чтение

Верстка \ HTML5

Как использовать и стилизовать полосу загрузки в HTML5

От автора: В HTML5 появился новый элемент – progress, который работает также, как и обычная полоса загрузки (progress bar), и используется для того, чтобы визуализировать процесс выполнения определенной задачи, например, загрузки данных на сервер.

В данной статье рассматривается пример того, как добавлять подобные элементы на страницу и стилизовать их; также в данной статье показан метод изменения значений у таких элементов с помощью JavaScipt.

Продолжить чтение

Верстка \ HTML5

Шпаргалка: простая валидация форм в HTML5

От автора: Когда вы собираете информацию от пользователей с помощью формы, использование хоть какой-то валидации данных является обязательным моментом. Если не обратить внимание на данный момент, то это может привести к потере покупателей, порче данных в базе данных (БД) и даже к появлению брешей в безопасности вашего веб-сайта. Так исторически сложилось, что валидация форм всегда вызывала головную боль. На стороне сервера это осуществить легче благодаря полноценным фреймворкам, которые сделают все за вас, но на стороне клиента это чаще всего заканчивается использованием JavaScript библиотек, которые отнимают немало усилий для их интеграции.

Продолжить чтение