Все мы помним, что некоторое время назад корпорация Microsoft продемонстрировала кардинально новый пользовательский интерфейс ОС Windows 8. Публике, по большому счёту, представленные новшества пришлись по душе. И вправду, как тут не влюбишься с первого взгляда в такой красивый, продуманный, быстрый и дружественный к пользователю интерфейс новой ОС? Читать далее »
Главная » Записи с тегом "HTML5"
Рубрики с меткой ‘HTML5’
Опубликовано в рубрике Windows 8 
Метки: HTML5, Internet Explorer 9, Windows 8, интерфейс программирования приложений, разработки приложений под Windows 8 
Комментариев нет »Доступное видео в HTML5 с субтитрами на JavaScript
Июнь 20th, 2012 
Archi Это замечательно, что HTML5 позволяет нам вставлять видео на веб-страницах таким образом, что оно может быть проиграно непосредственно браузерами, без необходимости установки плагинов. Эта функциональность добавлена в Opera 10.5 pre-alpha (на Windows и Linux; версия для Mac находится в разработке), а также в Firefox 3.6 и Google Chrome 3.
Проблема любого видео — используется ли оно в HTML5 или в другой версии HTML — это доступность. Что необходимо сделать сознательным разработчикам, чтобы обеспечить текстовую замену видео для тех, кто не может его просмотреть? В HTML5 не существует атрибута alt для элемента video в отличие от элемента img, однако вы можете заключить «дополнительное содержимое» внутри тегов, например: Читать далее »
Тег video в HTML5 — большие возможности с проблемами лицензирования
Июнь 20th, 2012 Archi Люди всегда вдохновлялись всем тем, что движется и издаёт звуки, так что появление видео в Интернете было лишь делом времени. На протяжении нескольких лет Flash был фактическим стандартом для просмотра видео, но теперь с появлением HTML5 элемент video прокладывает свой путь в нашу жизнь.
Тег video Читать далее »
Опубликовано в рубрике Разное Метки: flash, HTML5, атрибуты, лицензирование, Тег video Комментариев нет »Введение в HTML5 видео
Июнь 20th, 2012 Archi Эта статья даст вам представление об элементе <video> и его API. Мы объясним, почему поддержка видео в браузерах так важна, сделаем обзор элемента video в HTML5 и рассмотрим самые важные способы управления воспроизведением видео с помощью JavaScript.
Много лет тому назад понятие мультимедиа в веб связывалось с MIDI-мелодиями и GIF-анимацией. Благодаря увеличению пропускной способности каналов связи и улучшению технологий сжатия данных MP3 вытеснил MIDI, а видео стало распространяться повсеместно. За право захватить нишу веб-мультимедиа соревновались многие запатентованные продукты — Real Player, Windows Media Player и другие — пока один из них не вышел победителем в 2005 году — им был Adobe Flash. Это произошло во многом благодаря широкому распространению этого плагина, а также тот факт, что Flash-технология стала выбором YouTube; Flash стал фактически стандартом для передачи видео в Интернете. Читать далее »
Опубликовано в рубрике Разное Метки: HTML5, Video, Анатомия, видео, спецификации, элемент Комментариев нет »Радио-плеер с помощью HTML5 audio
Июнь 20th, 2012 Archi До появления HTML5 было крайне неудобно добавлять аудио на веб-страницы. Многие годы Flash был единственным способом вставки аудио-контента — но с внедрением в HTML5, воспроизведение аудио-контента на веб-страницах теперь может быть выполнено самим браузером, что полностью соответствует веб-стандартам — вы можете легко создать кнопку любого вида с помощью CSS и HTML, а потом назначить ей соответствующую функциональность, используя Audio API языка HTML5.
В этой статье мы познакомимся с тегом <audio>, начав с основ, посмотрим, как он работает в различных браузерах, а затем создадим радио-плеер, который будет использовать аудио-поток, транслируемый сервером. Читать далее »
Опубликовано в рубрике Разное Метки: flash, HTML5, Базовый синтаксис, Радио-плеер, тег audio Комментариев нет »Главный секрет HTML5
Июнь 19th, 2012 Archi Пришла пора открыть главный секрет HTML5: его не существует. По крайней мере, в том виде, о котором громче всего говорят. И дело не в том, что «спецификация еще не готова». И даже не в том, что ни один браузер пока не набирает максимума . И даже не в том, что для него существуют (как минимум) спецификации, у одной из которых вообще нет никаких цифр в названии.
И тем не менее, HTML5 повсюду. Даже там, где его не ждали. Даже там, где нет модного короткого доктайпа <!DOCTYPE html> (кстати, тоже без цифры 5), даже без модных «семантичных» (хотя об их смысле не всегда могут договориться сами разработчики спецификаций, не говоря уже о простых вебмастерах) элементов типа <article> и <nav>. Даже в тех браузерах, где эти новые теги и не работают без пинка. Как это может быть? Читать далее »
Опубликовано в рубрике HTML-верстка Метки: HTML5, SGML-парсинг, XHTML, Браузеры, разметка Комментариев нет »Планы документов
Июнь 18th, 2012 Archi Планы документов (document outlines) немного изменились в HTML5. Для начала, о них действительно сказано в спецификации! HTML5 Доктор объяснит вам, что представляют собой планы документов, как сделать хороший план и почему вы должны об этом беспокоиться.
Что представляют собой планы документов? Читать далее »
Опубликовано в рубрике HTML-верстка Метки: HTML 4, HTML5, Планы документов, Секционные, элемент Комментариев нет »Возвращение элемента u
Июнь 18th, 2012 Archi Презентационные элементы, типа в HTML5 были либо переопределены, получив новое семантическое значение, либо объявлены «вне закона». Элемент <u> был в числе элементов, несоответствующих стандарту, однако, несколько примеров семантического использования вернули его в строй. Несмотря на то, что большинству из нас он никогда не понадобится (а кто-то даже будет глумиться над ним), в редких случаях он может стать именно тем элементом, который вам нужен.
До HTML5 элемент <u> применялся исключительно для презентационного оформления – подчеркивания текста. , а элемента <u> рекомендовалось использовать CSS. Даже до этого <u> вызывал недовольство, так как браузеры по умолчанию применяли подчеркивание к ссылкам, а подчеркивание обычного текста делало его похожим на ссылки и могло запутать пользователей. Изначально в HTML5 элемент <u> считался несоответствующим стандарту.
Читать далее »
Опубликовано в рубрике HTML-верстка Метки: HTML5, text-decoration, спецификации, текст, элемент Комментариев нет »Элемент output
Июнь 18th, 2012 Archi В сети часто встречаются сайты, оснащенные различными калькуляторами для расчета, например, погашения кредита, процентной ставки по закладной, налога, страховки и т. д. До сегодняшнего дня не существовало способа семантической разметки результатов этих вычислений. Но появился элемент <output>! В этой статье мы расскажем вам о нем, а также еще о некоторых связанных с ним JavaScript-трюках. Что ж, давайте приступим.
Определение Читать далее »
Опубликовано в рубрике HTML-верстка Метки: HTML5, JavaScript, семантической разметки, спецификация, элемент Комментариев нет »Элемент video
Июнь 18th, 2012 Archi Элемент <video> – совершенно новый в HTML5 и позволяет, вы только представьте, проигрывать фильмы на вашем сайте! Данные, которые должен содержать этот элемент, – это видео, а также сопутствующие аудиозаписи или изображения.
Конечно же, он будет работать только в нескольких браузерах: Safari 3.1+, Firefox 3.5+ и последних сборках Opera (а, ну и, потенциально, в следующем релизе Chrome) (уже работает практически везде, включая IE9).
Опубликовано в рубрике HTML-верстка Метки: flash, HTML5, JavaScript, аудиозаписи, элемент Комментариев нет »