Уроки HTML и DHTML

HTML5 предоставляет нам целый урожай новых возможностей, таких как canvas, использование мультимедиа с помощью аудио и видео API и т.д. Одним из таких инструментов, который все еще сравнительно нов, является File System API. Он дает нам доступ к песочнице локальной файловой системы пользователя, заполняя, таким образом, пробел между настольными и web приложениями, и это не предел! В этой статье мы пройдемся по основам этого нового и увлекательного API, исследуем наиболее общие задачи, связанные с файловой системой.

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

Один из моих любимых новых тэгов в HTML5, который только недавно был встроен в Chrome (в версии 12), это элемент details. В сегодняшнем уроке я покажу вам, как его использовать.

В этом коротком уроке я покажу вам, как использовать новое HTML5 поле ввода date, и затем предложу запасное решение на jQuery для браузеров, которые все еще не поддерживают этот тип данных.

Когда вы были новичком, возможно, вы разрабатывали web сайты для собственного удовольствия или просто изучали некоторые новые приемы, но теперь, при разработке web сайта или web приложения вы не можете позволить себе не обращать внимания на основные правила юзабилити.

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

HTML5, известный также как Web Applications 1.0, обеспечивает новые элементы разметки, которые изменят способ, предназначенный для разработки веб-страниц. Новые элементы заменят, используемые обычно в web документах div-ы, что способствует еще большей степени разделения структуры (HTML) и представления (CSS). На самом деле, во многих документах, новые элементы будут задавать структуру документа, предоставляя достаточно возможностей, которые сделают устаревшими необходимые ранее div-ы, классы и идентификаторы. Давайте посмотрим...

Вы, конечно, знаете, что внешний прямоугольник, в котором мы создаем дизайн, называется контейнерным блоком. В печатном дизайне контейнерный блок - это физический объект типа визитки или рекламного щита. В web - нашим контейнером является окно браузера. Должен ли дизайн заполнять все окно браузера или же он должен иметь фиксированную ширину?

Если вы заинтересованы в изучении HTML или уже знакомы с HTML, но хотите выяснить, какие элементы используются в HTML5, то возможно, вам будет интересна периодическая таблица элементов Джоша Дака (Josh Duck). Разноцветная таблица смоделирована в том же стиле, что и научная периодическая таблица элементов. Эта таблица тэгов - содержит 104 HTML5 элемента принятых в черновой спецификации и два предлагаемых элемента, которые отмечены звездочкой.

Со всей шумихой вокруг новых API и возможностей CSS3 мы почти забыли об атрибуте reversed, который позволяет нам создавать убывающие списки упорядоченных элементов, противоположные спискам с возрастающей нумерацией, принятыми по умолчанию. В этом уроке, я дам обобщение тому, что это такое и предложу решение той проблемы, что (как я убедился) нет браузерной поддержки этого атрибута.