Верстка \ HTML5

HTML5 Формы: разметка

От автора: Это первая часть серии из трех частей о веб-формах на HTML5. Мы раскроем основы разметки в этой статье, прежде чем перейти к стилизации и API JavaScript валидации на клиенте. Я рекомендую прочесть эту статью даже если вы уже знакомы с формами – там много атрибутов и приемов.

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

Верстка \ HTML5

Создание контекстных меню на HTML5

От автора: Контекстные меню – это не столь известная возможность спецификации HTML5. Они позволяют вам добавлять собственные пункты в меню, которое появляется, когда пользователь нажимает правую кнопку мыши, находясь на странице. Используя JavaScript, вы можете управлять действиями, которые произойдут, если один из этих пунктов меню будет выбран.

В этом посте, вы узнаете, как создавать собственные контекстные меню, используя элементы menu и menuitem.

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

Верстка \ HTML5

Формы: подробное руководство

От автора: Формы составляют наиболее важные части любого сайта или приложения; использование форм – самый распространённый способ для наших пользователей предоставить нам информацию, которая нам нужна, чтобы помочь им сделать то, что они хотят.

Но во многих случаях, в дизайне формы показаны статически либо имеют отдельные макеты. Часто решающим в разработке формы становится то, как с ней можно взаимодействовать. Когда пользователь кликает по кнопке-переключателю, появляются дополнительные поля ввода. Как это происходит? Более того, понимает ли пользователь, что сейчас произошло?

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

Верстка \ HTML5

Новые атрибуты гиперссылок HTML5

От автора: Гиперссылки существуют с самого зарождения Сети. А в начале эры HTML5 к скромному тэгу a добавились три новых атрибута поддержки уже существующих атрибутов вроде href, rel и прочих за компанию.

Эти новые атрибуты: download, media и ping. В данной статье мы вкратце разберемся в том, что эти атрибуты из себя представляют, и как по мере улучшения браузерной поддержки можно будет ими пользоваться.

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

Верстка \ HTML5

Как пользоваться секционными элементами HTML5

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

Из этого поста вы узнаете, как применять элементы секционирования в собственных веб-сайтах. Я поясню, когда следует пользоваться данными элементами, а когда другими, а также когда лучше всего придерживаться старого доброго div.

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

Верстка \ HTML5

Речевой input в формах HTML5

От автора: Способ нашего взаимодействия с компьютерами за прошедшее десятилетие разительно изменился. Устройства с сенсорными экранами и лэптопы породили более интуитивный вид взаимодействия, чем достигаемый с помощью традиционной мыши. Эти изменения не ограничились одним аппаратным обеспечением. Жесты, интеллектуальный ввод текста и распознавание речи – вот примеры программных инноваций, усовершенствовавших способ нашего взаимодействия с устройствами.

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

Верстка \ HTML5

Введение в формы HTML5 и новые атрибуты

От автора: несомненно, вы каждый день взаимодействуете в Сети по меньшей мере с одной формой. Занимаетесь ли вы поиском контента, или входите в свой аккаунт на странице Facebook’а – в вебе применение онлайн-форм является одной из самых обычных задач. Для дизайнеров и разработчиков создание форм отличается некоторым однообразием, особенно написание для них скриптов валидации данных. HTML5 представляет множество новых атрибутов, типов input и прочих элементов инструментария разметки.

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

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

Верстка \ HTML5

Фрагменты кода HTML5

От автора: HTML5 – самая новая версия языка HTML, и общепризнанно самая интересная. В этой статье я выбрал новые элементы HTML5, способные поднять ваш вебсайт на новый уровень.

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

Верстка \ HTML5

Играем с API  файловой системы в HTML5

От автора: HTML5 позволяет нам пожинать урожай новых возможностей, таких как рисование с помощью canvas, реализация мультимедиа с помощью аудио- и видео- API и так далее. Одним из этих сравнительно новых инструментов является API файловой системы. Он дает нам доступ к разделу-«песочнице» локальной файловой системы пользователя, таким образом еще больше заполняя брешь между рабочим столом и веб-приложениями! Сегодня в учебнике мы пробежимся по основам этого нового волнующего API, исследовав привычные задачи файловых систем. Давайте приступим!

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