Верстка \ HTML5

Вы знаете эти 8 HTML5 тегов?

От автора: как веб-разработчик вы возможно пытаетесь выжать по максимуму из тегов во время создания нового сайта. И скорее всего вы уже хорошо знаете некоторые из основных HTML5 тегов article, header и footer. Однако вы можете не знать некоторые из менее распространенных тегов.

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

Верстка \ 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.

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