войти зарегистрироваться

метки
→

Веб-стандарты → На джаваскрипте и технологиях HTML5 (Drag and Drop, localStorage, Application Cache, Canvas, CORS) создан графический редактор с загрузкою на TwitPic

Работающий только во браузере (без плагинов, без помощи сервера) графический редактор умеет:

*) принимать картинки, перетянутые мышою с рабочего стола или из Паутины;

*) создавать предпросмотры картинок;

*) крутить, зеркально отображать, обрезать, обесцвечивать картинки;

*) автоматически уменьшать их до 600px;

*) хранить и себя, и картинки в памяти браузера (в том числе между запусками браузера);

*) одновременно загружать несколько картинок на TwitPic, отображая индикатор процента закачки.
0
4 февраля 2010, 16:44
hacks.mozilla.org/2010/02/an-h...
Mithgol
2

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

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



Хотя веб-программа работает на HTML 5, но по скорости практически не уступает нативному приложению, которое было забанено компанией Apple.
Читать дальше →
+62
27 января 2010, 05:06
alizar
71

Огненный лис → Об открытом видео и о недопущении

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

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

Если ещё не читали, рекомендую прочесть:Ага, знаю, это масса чтива. Но стóит того.

Как бы то ни было, а отдельные лица предлагали вот какие решения:
  • Использовать кодек, который идёт в операционной системе (если такой есть).
  • Лицензировать H.264 и поставлять его только с бинарными версиями Файерфокса (а прочих поставщиков и внедренцев и разработчиков с меньшими финансами оставить в стороне).
  • Поставлять H.264 в Файерфоксе людям, живущим в тех странах, в которых софтверные патенты не защищены законом (живёте в США? Не повезло!).
Честно говоря, эти решения эгоистичны. Они предполагают, что это нормально, когда только отдельные избранные имеют доступ к Паутине. А так не годится. Не годится исключать людей из Паутины. Ни из-за их аппаратного обеспечения, ни из-за операционной системы, которой они пользуются, ни из-за клиента, которым пользуются, ни из-за их местожительства, ни из-за того, сколько у них денег. Ни по какой причине. Паутина задумывалась как открытая для участия в ней — давайте такою её и сбережём.
+37
26 января 2010, 09:27
Blair's Brain
Mithgol
139

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

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

В этом примере используется рабочий web-стол Ext JS, и созданный код поставляет специальную панель, способную доставлять видео, а затем попросту захватывается видеокадр, и размер его уменьшается до размеров всплывающей подсказки:
win.ctx.drawImage(win.videoEl, 0, 0, win.tip.width, win.tip.height);
Весьма мило устроено.
+23
16 января 2010, 12:03
Dion Almaer
Mithgol
21

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

Вот это сюрприз! Тобиас Шнайдер (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, или в каком направлении станет развиваться. Однако, по крайней мере, это мощная заявка на зрелость открытых веботехнологий.
<body onload="new Gordon.Movie('trip.swf', {id: 'stage', width: 500, height: 400})"></a>
    <div id="stage"></a></div>
</body>
[Gordon (скриншот)]
Читать дальше →
+127
14 января 2010, 00:51
Michael Mahemoff
Mithgol
133

Веб-стандарты → Тег address

Тег address появился еще с HTML3 в 1995 году и продолжает выживать, вплоть до последних версий HTML5. Просуществовав около 15-и лет, он до сих пор продолжает вводить разработчиков в некоторое замешательство. Так как же нам все таки пользоваться тегом address, в наших документах?
+7
28 декабря 2009, 12:46
perevodik.net/ru/posts/24/
heel
1

Internet Explorer → Поддержка HTML 5 в IE 8 — демо

Некоторые важные нововведения HTML 5 — такие, как DOM Storage, кросс-доменные запросы (Cross Domain Request — XDR) и тд. — уже поддерживаются IE 8. В статье приведены описания и онлайн-демки с исходными кодами.
–1
16 декабря 2009, 15:54
blogs.msdn.com/giorgio/archive...
jazbit
3

Веб-стандарты → Уходящие вдаль титры «Звёздных Войн IV» на чистом HTML 5 и CSS

Очень зрелищная демонстрация, совершенно без джаваскрипта.

К сожалению, некоторые нюансы её CSS (например, animation и transform) покамест поддерживаются только Вебкитом, да и то не всяким: во блоге Ajaxian рекомендуется только Safari поверх Mac OS X 10.6.

Однако, глядя эту демонстрацию, мы смотрим на будущее стандартов Всемирной Паутины. Нет сомнения: остальные браузеры подтянутся беспременно.
+35
7 декабря 2009, 12:01
ajaxian.com/?p=8064
Mithgol
43

Web-разработка → Еще одна «шпаргалка» по HTML5. На этот раз официальная

Прямо в текущем черновике стандарта (на whatwg.org) появилась страница (не являющаяся нормативным документом), где собраны все его элементы, атрибуты, DOM-интерфейсы и события (в их сегодняшнем состоянии). Для каждого элемента указано, какие он может иметь атрибуты, какие элементы могут быть его предком и потомками, какой для него создается DOM-интерфейс и т.п… Само собой, есть ссылка на подробное описание каждого элемента/атрибута в текущем черновике спецификации.
+30
12 октября 2009, 13:13
www.whatwg.org/specs/web-apps/...
SelenIT
33

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

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

<meta http-equiv="X-UA-Compatible" content="chrome=1">

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

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

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

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

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