Blog4Smart

Новые теги HTML 5

Обзор для тех, кто еще не знает что такое html5 :)

• <header> — блок с навигацией или введением. (шапка, верхняя часть сайта)
• <nav> — навигация. (меню сайта)
• <aside> — вторичная информация, которая часто размещается в боковых панелях.
• <article> — независимая часть содержимого. (текст статьи или отдельный коммент)
• <section> — раздел документа.
• <footer> — «подвал». (копирайты и т. п.)
• <figure> — подпись к картинке или видео.
• <hgroup> — блок заголовков, когда например, заголовок состоит из главного заголовка и подзаголовка.
• <mark> — выделение какого-то слова, например, совпадающего с поисковым запросом.
• <output> — вывод программы или результаты вычислений.
• <time datetime="…" pubdate> — время. В datetime указывается в формате, удобном для машины.
   

Всплывающая подсказка с живым видео демонстрирует HTML5 video, и холст (canvas), и Ext

Дэвид Дэвис из Ext не просто клёво зовётся, но и делает клёвые штуки :) Последняя его блогозапись демонстрирует и объясняет слияние HTML5-элемента <video> с поддержкою холста (<canvas>) по мере того, как он создаёт всплывающую подсказку с живым видео.

В этом примере используется рабочий web-стол Ext JS, и созданный код поставляет специальную панель, способную доставлять видео, а затем попросту захватывается видеокадр, и размер его уменьшается до размеров всплывающей подсказки:

win.ctx.drawImage(win.videoEl, 0, 0, win.tip.width, win.tip.height);

Весьма мило устроено.

Шпаргалки по HTML 5 и CSS 3

Наверняка вы видели разные шпаргалки по веб-программированию. Теперь появились шпаргалки по HTML 5 и CSS 3.

HTML 5

W3C отказался от свободных кодеков в HTML5

Производители браузеров так и не смогли остановится на каком-то одном формате для кодирования аудио- и видеоданных для новых тегов <audio> и <video>, тем самым вынудив W3C вообще исключить поддержку каких-либо кодеков из грядущего стандарта.

«После долгих и бурных обсуждений данной ситуации, я, к своему сожалению, пришел к выводу, что нет такого кодека, который все производители хотели бы внедрить в свои продукты», — сказал главный разработчик HTML5 Ян Хиксон.

Apple, например, не собирается добавлять поддержку Ogg Theora в свой QuickTime, беспокоясь о неких потенциальных проблемах с патентами, даже не смотря на то, что его можно использовать совершенно бесплатно. Opera и Mozilla, наоборот, против использования H.264 из-за возможных проблем с его лицензированием и распространением. У Google тоже есть свои схожие заморочки, хотя они уже включили оба кодека в Chrome. А Microsoft вообще не собирается поддерживать тег <video>. Такие вот дела.

Google + HTML 5

Выступая на конференции Google I/O, вице-президент Google по разработкам Вик Гундотра признался, что его компания сделала ошибку несколько лет назад, когда предположила, что веб-приложения не смогут обогнать десктоп-программы. Они смотрели на геософт Keyhole и признавали, что никогда не смогут сделать такое в вебе. Чуть позже они купили эту фирму и вскоре выпустили спутниковые карты для Google Maps с похожей функциональностью.

Это наглядный пример недооценки веба. Теперь мы видим, что интернет всё-таки победил. И Google больше не хочет повторить своей ошибки, вот почему они теперь активно вкладывают ресурсы в HTML 5. Этот стандарт позволит практически полностью дублировать в вебе функциональность десктоп-приложений.