Хабрахабр: Метки / html 5

Windows / Что в действительности кроет в себе страшная цифра восемь

Nurked — Tue, 06 Dec 2011 14:11:36 GMT

Эта статья была написана НЕ в виме

Для начала — хочу немного объясниться. Для меня слово «маркетинг» означает «Создание определённого мнения у публики в отношении какого-либо заданного объекта маркетинга». Это вовсе не означает «Сливание дерьма на уши дебилам» или «Рассказ про то, как крут наш бесполезный товар». Хороший маркетинг сделал из БМВ БМВ. То же произошло с Windows XP, которая является одной из самых долгоживущих осей сего мира.

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

Например, «пининг» приложений и сайтов на таскбаре Windows. Знаете, почему в России по стандарту к таскбару пришпилено только 3 значка? Просто потому что люди не знают, что и как туда можно пришпилить.

Маркетинг может сделать и другие чудеса — например, с помощью маркетинга вы можете подавить «Чёрную пропаганду» и начать активно продавать свой продукт. Пример тому — Макдональдс. Мне кажется, что это самый поливаемый гавном ~~ресторан~~забегаловка в мире. Но, при всём при этом, это самая распространённая и доходная забегаловка в мире.

Так к чему я это? Тут всё просто: ввиду отсутствия верных данных начинает появляться срач. Срач перерастает в троллинг, а из этого уже можно запросто создать хорошую чёрную пропаганду.

Собственно говоря, вот эта статья показала мне, как всё плохо. Момент заключается в том, что после шести часов отличной видео презентации, тонны текстов и видео-роликов, после отличной маркетинговой компании в США уже отлично знают и понимают, что да как в Windows 8. А вот в России позорно путают поиск по системе и новый магазин приложений.

Что же, дальше, я в подробностях и скриншотах буду выкладывать факты о том, что такое Windows 8, как его едят и с чем потребляют.

И так, что же великого и таинственного таит в себе эта система? Конечно же, новичок скажет вам, что Windows 8 — это новое и отвратительное меню пуск. Но, мы же с вами не люди, мы — хаброчеловеки. Наша задача — глубоко понимать тему разговора.

поехали!

Google / Google Developer Day 2011: посещенные секции

special — Mon, 10 Oct 2011 20:12:29 GMT

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

Основной зал теперь открытый, при регистрации выдали красно-синие очки для просмотра трехмерного видео. На бейдже не оказалось расписание, а только бар-код для того, что бы его найти.

Пост получился очень длинным, поэтому можно прочитать заголовки и остановится на заинтересовавших разделах.

Далее об Android, html5 и ускорении

Читать дальше →

Веб-разработка / WaterSpout — веб сервер для асинхронной передачи данных

Necro — Wed, 06 Jul 2011 06:09:33 GMT

Сегодня речь пойдёт об WaterSpout — веб сервере, способном обрабатывать websockets запросы, позволяя общаться в реальном времени между сервером и браузером используя websockets или long polling. Написан он на PHP.

В первую очередь идёт проверка поддерживаются ли websockets (это Chrome, Опера и FF, если включим), если нет, то ничего страшного, будет использоваться long polling.
Преимущества этой технологии: доставка сообщений мгновенна, высокая производительность. Тестировал в Chrome, FF, IE6+.
Демка.

Читать дальше →

Веб-стандарты / W3C предупреждает: HTML 5 только для экспериментов!

alizar — Wed, 13 Oct 2010 16:42:20 GMT

Несмотря на шумиху вокруг HTML 5, спецификации ещё не готовы для использования из-за проблем совместимости. Такова официальная позиция консорциума W3C, которую неделю назад высказал в интервью InfoWorld Филипп Ле Эгаре (Philippe Le Hégaret), руководитель направления W3C Interaction Domain. Эта группа занимается разработкой технологий для пользовательских интерфейсов: (X)HTML, CSS, MathML, SMIL, SVG, XForms.

«Прямо сейчас HTML 5 находится на разных стадиях реализации в различных веб-браузерах. Если посмотреть на них, то можно увидеть, что наиболее агрессивные реализации в бета-версиях, — сказал Ле Эгаре. — IE9, например, не планируется к финальному релизу до середины следующего года. Это момент, когда большинство предприятий начнут переходить на новое поколение браузеров».

Читать дальше →

Я пиарюсь / WebHiTech ’2010. Вы уже используете HTML 5? Подайте хороший пример остальным!

art_lomov — Tue, 07 Sep 2010 07:34:23 GMT

Уважаемые коллеги, приветствую! Рад объявить, хотя и с некоторым запозданием, о начале приема заявок на конкурс технологического совершенства сайтов WebHiTech, который проводится в этом году, подумать только, уже в третий раз.

Напомню, что наш конкурс нацелен на содействие распространению в Рунете практики разработки в духе уважительного отношения к современным веб-стандартам. С того момента, как конкурс был организован впервые, много воды утекло. Веб в технологическом плане заметно изменился. Сегодня уже мало кого из веб-стандартисткого сообщества удивишь качественной версткой в соответствии со спецификациями XHTML 1.0 Strict и CSS2.1 — для нас это уже в порядке вещей, хотя, к сожалению, для подавляющего большинства функционирующих в Рунете сайтов даже этот уровень по-прежнему является недостижимой планкой. Но время стремительно, неумолимо и не ждет тех, кто плетется в хвосте. Веб-разработчики, привыкшие творить на переднем крае прогресса, уже вовсю экспериментируют с HTML 5, создавая на его основе вполне жизнеспособные и самодостаточные проекты. Уже можно пользоваться такими «чудесами», как веб-шрифты, SVG и Canvas, геолокация и мн. др.

В прошлом году на наш конкурс не было заявлено ни одного проекта, созданного с использованием новых структурных элементов HTML 5. В нынешнем же году мы получили такую заявку в один из первых дней этапа выдвижения работ, и, надеемся, что она в своем роде далеко не последняя. Уверен, что жюри конкурса как-то по-особенному поддержит проекты, основанные на «технологиях будущего». Конечно же, по достоинству будут оценены и сайты, грамотно использующие просто современные технологии, «технологии настоящего». Итак, ждем ваших заявок на конкурс WebHiTech по версии 2010 года.

Читать дальше →

Веб-разработка / [Перевод] 10 HTML5 примеров, чтобы вы забыли о Flash

azovsky — Fri, 25 Jun 2010 11:45:05 GMT

В последнее время Вы, наверное, много слышали о том, что Flash является умирающей технологией и о том, как она будет вскоре заменена на HTML5. Лично я считаю, что HTML5 будет постепенно заменять Flash лишь для некоторых вещей, но Flash всегда будет иметь место, особенно при разработке сложных игр и насыщенных интернет-приложений. Если вы еще не видите, что можно сделать с помощью HTML5, я ограничусь десятью примерами, чтобы показать некоторые из возможностей HTML5.

Так что же вы думаете – HTML5 заменит Flash?

Читать дальше →

Веб-разработка / [Перевод] HTML5 уже здесь (он пока просто не для настольных компьютеров)

akzhan — Tue, 15 Jun 2010 15:36:13 GMT

Когда кальмар чувствует угрозу, он выстреливает чернилами в воду, надеясь сбить с толку и дезориентировать хищников. Нечто подобное сейчас происходит и на арене Сети. Компании Adobe и Microsoft заявляют нам, что HTML5 придёт через 10 лет. Apple говорит нам, — «Нет, нет, он уже здесь, прямо сейчас, взгляните на наши великолепные демонстрации HTML5 (хм, скорее CSS3 + Javascript)!».

Истина в том, что развивается раздвоение в популяции браузеров Сети. На рабочем столе Internet Explorer и Firefox занимают вместе более 80% рынка. В Internet Explorer поддержки семейства технологий HTML 5 практически не существует, а Firefox отстает в реализации CSS3. И, в любом случае, есть огромная база установленных IE 6, 7, 8 на рабочем столе — в частности, на предприятиях, — и ни один здравомыслящий разработчик приложений не будет разрабатывать настольные приложения для предприятий, которые не работают в, по крайней мере, IE7. Исключая инновационные компании, которые развертывают последние редакции Firefox, Chrome и Safari для своих сотрудников, HTML5-технологии здесь пока обречены на провал.

Но совсем другая история на мобильных устройствах. Жизненные циклы товаров намного быстрее (люди меняют свой телефон в среднем каждые 18 месяцев), и технологически таблетки, телефоны и сенсорные устройства практически живут на другой планете, когда дело касается их браузерных технологий. И это потому, что браузер, по умолчанию, на каждом устройстве, которые значимо на рынке, основан на Webkit.

Читать дальше →

Инфодизайн в IT / [Перевод] Apple, Flash и H.264

TheMengzor — Wed, 26 May 2010 05:18:54 GMT

Знаю-знаю, большинству из вас от одного только заголовка захочется побыстрее проскроллить страницу, но спешу заверить, что хоть тема и холиворная, но инфографика очень даже интересная. Рассматриваются основные аспекты совместной деятельности компаний и взаимодействие их продуктов.
Траффик ~2.2 Мб (Целое изображение)

Читать дальше →

Firefox / Взгляд в ближайшее будущее: Firefox 4

Mithgol — Wed, 12 May 2010 03:46:50 GMT

Во блоге Ajaxian и во блоге Mozilla Hacks появились блогозаписи о том, каков будет грядущий Firefox 4.

Главная новость: Firefox 4 станет окончательным номером той альфа-версии браузера, которая была до этого известна нам в качестве Firefox 3.7.

Одна из основных инноваций Firefox 3.7 (а именно, вычленение плагинов в отдельный процесс) ужé выпущена в составе Firefox 3.6.4.

Помимо неё, в Firefox 4 появятся вот какие новинки:

→ Поддержка SVG и MathML прямо внутри HTML5, без необходимости прибегать к строгому XHTML и пространствам имён.

→ Интерпретатор HTML5 в отдельном потоке, поэтому интерфейс браузера не будет тормозить в момент обработки крупных страниц.

→ Интерпретатор HTML5 будет поддерживать HTML5 forms.

→ Вызов innerHTML станет работать быстрее (примерно на 20%).

→ Поддержка WebSockets (вебоприложения получат дуплексную связь с вебосервером).

→ PushState улучшит AJAX-взаимодействия.

→ Новые средства взаимодействия с вебостраницами: жесты, многотык (multi-touch).

→ Улучшенная поддержка CSS3.

→ Редактируемое содержимое страниц (contentEditable).

→ IndexedDB: структурированное JSON-подобное (а не SQLite-подобное, как было прежде) хранилище данных.

→ Интерфейсы для доступа к микрофонам и вебокамерам посетителей сайта.

Читать дальше →

Веб-разработка / HTML 5 в Internet Explorer

Iskin — Thu, 08 Apr 2010 12:28:39 GMT

Вкратце: как заставить новые теги из HTML 5 работать в Internet Explorer.

Любой веб-разработчик смотря на HTML 5 плачет от счастья, которое наконец-то пришло в наш дом. Для большинства функций (такие как WebGL, многопоточность и веб-сокеты) придётся ждать поддержки от браузеров (а в самых правильных эти возможности уже есть), но новые удобные теги мы можем использовать уже сейчас.

Однако Internet Explorer (даже последней, 8-ой версии) и тут сумел споткнуться — новые теги вне HTML 4 он просто не замечает — на них нельзя повесить стили.

В IE проблем даже две — отдельно нужно включать поддержку HTML 5 тегов в обычном документе, и отдельно в содержимом, которое добавляется динамически (например, через AJAX).

Читать дальше →

Google / Google Voice пробрался на iPhone

alizar — Wed, 27 Jan 2010 02:06:47 GMT

Несмотря на ожесточённое противодействие со стороны Apple, программа Google Voice всё-таки проникла на телефоны iPhone, на это раз в виде веб-приложения. Пользователю нужно просто запустить браузер, зайти по этому адресу и ввести свои учётные данные.

Хотя веб-программа работает на HTML 5, но по скорости практически не уступает нативному приложению, которое было забанено компанией Apple.

Читать дальше →

Firefox / [Перевод] Об открытом видео и о недопущении

Mithgol — Tue, 26 Jan 2010 06:27:52 GMT

Важное замечание: эта блогозапись — моё собственное мнение. Не более, не менее.

Несомненно, вы слышали о том, что Youtube и Vimeo выпустили беты своих видеопроигрывателей HTML5 . И много было разговоров о кодеке, ими используемом: H.264. Хотя в Файерфоксе есть превосходная поддержка HTML5 , он не поддерживает (запатентованный) кодек H.264, так что эти проигрыватели вам в Файерфоксе использовать не удастся. Это потому, что Mozilla верит (и я согласен), что H.264 не годится для открытой Паутины.

Если ещё не читали, рекомендую прочесть:

Ага, знаю, это масса чтива. Но стóит того.

Как бы то ни было, а отдельные лица предлагали вот какие решения:

Использовать кодек, который идёт в операционной системе (если такой есть).
Лицензировать H.264 и поставлять его только с бинарными версиями Файерфокса (а прочих поставщиков и внедренцев и разработчиков с меньшими финансами оставить в стороне).
Поставлять H.264 в Файерфоксе людям, живущим в тех странах, в которых софтверные патенты не защищены законом (живёте в США? Не повезло!).

Честно говоря, эти решения эгоистичны. Они предполагают, что это нормально, когда только отдельные избранные имеют доступ к Паутине. А так не годится. Не годится исключать людей из Паутины. Ни из-за их аппаратного обеспечения, ни из-за операционной системы, которой они пользуются, ни из-за клиента, которым пользуются, ни из-за их местожительства, ни из-за того, сколько у них денег. Ни по какой причине. Паутина задумывалась как открытая для участия в ней — давайте такою её и сбережём.

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

Mithgol — Sat, 16 Jan 2010 09:03:16 GMT

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

по мере того, как он создаёт всплывающую подсказку с живым видео.

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

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

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

Веб-стандарты / [Перевод] Gordon: среда исполнения Flash, реализованная на джаваскрипте

Mithgol — Wed, 13 Jan 2010 21:51:04 GMT

Вот это сюрприз! Тобиас Шнайдер (Tobias Schneider) построил среду исполнения Flash, работающую прямо во браузере. Она реализована на чистом джаваскрипте и HTML5, и все исходники являются открытыми (MIT-лицензированными), и располагаются на GitHub.

Поглядите на Gordon в действии (хостинг демонстраций осуществил Пол Айриш).

Gordon работает волшебно в последних версиях Файерфокса, Хрома и Сафари (да, и в iPhone Safari, хотя демонстрация «blue» на моём 3G идёт утомительно медленно). Чтобы установить его себе, запустите «git clone git://github.com/tobeytailor/gordon.git». Я обнаружил, что с URL «file:///» демонстрации не грузятся (в силу системы зависимостей скрипта), так что направьте ваш вебосервер на корень Gordon, а браузер направьте на demos/.

Документации ещё никакой нету, так что неясно, насколько широкой совместимостью с Flash обладает Gordon, или в каком направлении станет развиваться. Однако, по крайней мере, это мощная заявка на зрелость открытых веботехнологий.

Читать дальше →

Google Chrome / Google Chrome Frame — HTML5 для пользователей IE

mirritil — Tue, 22 Sep 2009 19:47:30 GMT

Если вам надоело разрабатывать специальные хитрые решения для пользователей IE6, попробуйте этот таг:

Он позволит пользователям IE, у которых установлен плагин Google Chrome Frame, использовать рендерер WebKit и JS-движок V8.

Подробный блогпост на английском здесь.

Пост от разработчиков Google Wave, показывает пример, как предложить пользователям IE установить этот плагин.

Официальное видео

Google Chrome Frame ориентирован в первую очередь на веб-разработчиков, которые смогут благодаря ему создавать более сложные и современные веб-сервисы. А пользователи, предпочитающие интерфейс IE, смогут наслаждаться скоростными приложениями, как Google Wave.

Масштабируемая векторная графика / Google примет конференцию SVG Open 2009

alizar — Wed, 26 Aug 2009 09:52:54 GMT

Свободный формат векторной графики SVG получил неожиданную поддержку от компании Google, которая решила помочь в организации конференции SVG Open 2009, главного мероприятия года для всех SVG-дизайнеров и разработчиков.

Конференция состоится 2-5 октября в кампусе Google в Маунтин-Вью (Калифорния). Среди обсуждаемых тем — тулкиты Ajax с поддержкой SVG (Raphaël, dojo, Ample SDK, SVG Web Project, JSXGraph), реализация SVG в браузере Internet Explorer с точки зрения Google, использование SVG в мобильных приложениях и т.д. (всего более 60 презентаций).

«Мы в компании Google просто восхищены форматом SVG, — написал в корпоративном блоге Google один из разработчиков, комментируя решение компании помочь в организации SVG Open. — Это открытый браузерный стандарт, позволяющий легко создавать интерактивную веб-графику с новыми тегами HTML-вида, такими как Circle. Нам нравится, потому что формат SVG является частью семейства технологий HTML 5 и в то же время дружелюбен по отношению к поисковым ботам, легко может быть использован разработчиками Javascript и HTML, экспортируется из любых графических редакторов вроде Adobe Illustrator и отлично транслируется с серверной стороны средствами PHP или Google App Engine».

Браузеры / BBC экспериментирует с HTML5 video

Budda40 — Wed, 19 Aug 2009 06:40:16 GMT

картинка кликабельна

Много писать не буду, BBC одна из первых крупных компаний, изъявившая желание использовать новые возможности HTML 5. Пока это на уровне эксперимента, но кто знает, возможно, светлое будущее уже совсем рядом.
Оф. сайт новости

Персональные блоги / HTML 5 Cheat Sheet

zorro1211 — Mon, 06 Jul 2009 15:45:18 GMT

В связи с недавней новостью, Smashingmagazine опубликовали статью в которой приводят ссылку на Лист подсказок спецификации HTML 5 в котором содержатся все поддерживаемые на текущий момент теги, их описания, атрибуты, а также поддержка в HTML 4. ~~Ссылка на скачивание pdf (76 Kb) и превью (.gif, 1017×836px).~~. Лист подсказок будет дополняться, по мере появления новых изменений.

UPD: Как заметил lightcyber на smashingmagazine похоже стоит антилич и скачать отсюда по прямой ссылке нельзя, так что качайте по ссылкам из оригинальной статьи.

Internet Explorer / Поддержка HTML 5 DOM Storage

XaocCPS — Mon, 06 Jul 2009 15:02:19 GMT

Одним из значительных нововведений в Internet Explorer 8 является поддержка технологии DOM Storage, которая представляет собой часть новых технологий грядущего стандарта HTML 5. Dom Storage (или как его еще называют Web Storage) – это механизм, который призван предоставить разработчику возможность хранить набор данных значительного объема на стороне клиента и получать к ним доступ с помощью специального API. На данный момент, полная поддержка DOM Storage реализована в браузерах Firefox 3.5 (с 2.0 существует частичная поддержка), Safari 4.0 и Internet Explorer 8, в котором эта поддержка появилась с версии beta2. Рассмотрим, что представляет собой эта технология, для чего она нужна и как работает.

Читать дальше →

Персональные блоги / The Pirate Bay запустил The Video Bay

DileSoft — Wed, 01 Jul 2009 18:46:00 GMT

«Пиратская бухта» запустила аудио-видео-сервис The Video Bay. На данный момент сервис работает не до конца — при попытке зайти на любое видео или аудио кроме Example, требует http-авторизации.

Зато примеры работают. И работают они очень интересно — они не используют технологию Flash. Они используют HTML 5 теги video и audio, чтобы проигрывать контент средствами браузера. Таким образом, контент можно проигрывать только некоторыми браузерами:

Firefox 3.5+ (работает)
Opera 9.52+ (у меня в бете 10-ки не заработало)
Google Chrome 3+ (работает)
Safari 3.4 & Safari 4+ (не проверял)

IE HTML 5 не поддерживает.

Помимо этого, сервис планирует отличаться от YouTube и всех остальных тем, что не будет накладывать никаких ограничений на публикуемые видео и аудио. Когда The Video Bay заработает в полную силу — неизвестно.