Еще раз о Flash, HTML5 и портабле

Сначала несколько слов о портабельных браузерах (для Windows) и их взаимоотношениях с Flash. Загрузка свежих версий с portableapps.com показала, что в состав Chrome Portable входит флэш-плеер последней версии (\App\Chrome-bin\10.0.648.205\gcswf32.dll)
В состав Firefox Portable почему-то не входит; это странно, но можно взять эту библиотеку, переименовать ее в npswf32.dll и поместить в папку \Data\plugins
Это идеально работает для версии 3.6; а в версии 4 каким-то образом зависит от компьютера. На одних машинах все ок, на других Flash просто не отображается, но и не показывает предупреждение, что нужный плагин отсутствует. To be continued...

Теперь о Flash/HTML5.

1. Видео

В настоящий момент все современные версии браузеров поддерживают либо webm, либо H.264 (MPEG4). Первый формат - открытый, гугловский, второй проприетарный (неудивительно, что его поддерживают Internet Explorer и Safari). Старые версии - только через Flash Player, который, в свою очередь, поддерживает H.264. Отсюда вывод: видео следует конвертировать в Webm + H.264 и далее в зависимости от браузера либо выдавать код HTML5, либо делать flash-обертку.

Подробнее об этом здесь

2. Анимация

Анимация на основе CSS3 позволяет достигать примерно тех же эффектов, что и Flash. Но проигрывается, естественно, движком браузера (например, webkit) без всяких дополнительных плагинов.

У объекта указывается ссылка на анимацию вида -webkit-animation-name: AN-ani-0

В разделе стилей она описывается приблизительно так:

@-webkit-keyframes AN-ani-0 {
0% {
-webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
background-color: white;
border: 1px dashed red;
opacity:0;
}
...
}

Пока это не полностью кроссбраузерная технология, однако с помощью webkit-браузеров (Google Chrome и др.) уже сейчас можно просматривать примеры. Такие как этот:

dLog Blog is here

(c)2011 bIG

bit.ly/dlog1

Еще раз

Пример создан с помощью Sencha Animator.

Еще один проект по разработке CSS3-анимации: Animatable

Попробуйте создать свой пример анимации, где, к примеру, движутся ваши имя и фамилия и указывается адрес блога.

ММТВО | Adobe Design Achievement Awards

Каждый год компания Adobe проводит конкурс среди дизайнеров по самым разным направлениям. Узнать об этом подробнее можно, пройдя по ссылке ниже.
Кроме того, там же вы можете загрузить свою работу, если таковая имеется (или вы заинтересованы в том, чтобы её создать).
http://www.adobeawards.com/uk/?trackingid=IEGCP