Флэш Потрошитель

05.Ноябрь.2008

Flash в браузере без HTML-обертки

Недавно Олег Галабурда увлекся идеей полнофункциональной работы Flash в браузере без HTML-обертки. Ему удалось решить эту задачу путем вызова из Flash-приложения Javascript-кода, помогающего SWF-файлу устроиться в браузере со всеми удобствами без помощи родительского html-документа.

Будучи основательным разработчиком, Олег создал Javascript-компонент JSInterface для доступа к JavaScript-объектам среды браузера прямо из Flash. Предлагаю познакомиться поближе с этой разработкой: JSInterface – JavaScript во Flash. Вас ждет средних размеров и хорошего качества статья с иллюстрациями и примерами кода.

02.Октябрь.2008

SWF без HTML обёртки — реально?

Олег 'a_[w]' Галабурда пытается решить задачу полнофункциональной работы SWF-файла внутри браузера без HTML-обертки. Приводимое им решение можно увидеть в статье на XPoint.ru. Но кто ответит на вопрос в самом конце статьи относительно свойств objectSource и objectDestination в IE?

03.Сентябрь.2008

Так вот какой ты прожорливый тормоз, Гуглехроме

Update: Весь нижеследующий малодушный всхлип надо, во первых, зачеркнуть, но я не стану этого делать из дурацких эстетических соображений, а также его следует совсем уничтожить, но этого я не тажке не сделаю, на сей раз для сохранения связанности пространства. Скажу лишь так: запасайтесь на зиму оперативной памятью и вас не постигнет описанная ниже паническая участь. Дальше не читайте, вопрос отпал.

Впечатления офигелого флэшера часть номер два, φ-версия

Update: вот и сообщение в тему от разработчика Flash Player Тиника Уро — о производительности Flash Player в новом браузере Google Chrome и не только. За ссылку спасибо Артему Бригерту.

24.Июнь.2008

Внедрение Flash в XHTML с помощью SWFObject 2 — на русском

Неожиданная и приятная находка: на сайте "Design For Masters" выложена переводная статья "Внедрение Flash с помощью SWFObject 2" — полный перевод официальной доки!

Это супер-дополнение к уже имеющемуся у нас экспресс-материалу, созданному в 2005 году Майклом Клишиным — "SWFObject: все о внедрении SWF, детекции версии плеера и ExpressInstall". (Вернись, Майкл, наш Флекс возмужал)

И еще: jQuery Flash Plugin — встраиваем Flash в HTML с помощью jQuery

Существует и другой способ вставки Flash, основанный на использовании библиотеки jQuery. Данный способ очень выгоден тем, кто уже использует в своих проектах эту мега-либу (а попробовав ее однажды — так трудно отказаться!) Простая вставка Flash в HTML-страницу с jQuery выглядит так (остальные примеры на странице jQuery Flash Plugin):

$('#hello').flash({

    src: 'hello.swf',

    width: 320,

    height: 240

});

Что такое jQuery, и почему это так вкусно, можно быстро узнать здесь, здесь, здесь, здесь, здесь, здесь и здесь — все на русском, и это только верхушка айсберга.

// эти драгоценности настойчиво предоставлены добрым, но справедливым Ку-зьмой (а как он лаконичен)

26.Май.2008

В ожидании Dreamweaver CS4

Увидев у Инжуна пост о скором выходе Dreamweaver CS4, Fireworks CS4 и SoundBooth CS4, я сходил проверить, как там он, вышел али нет на Adobe Labs. Оказывается, таки еще нет. Но времени осталось совсем немного — а нишевый домен dreamweavercs4.com свободен (если я правильно понял смысл первой ссылки в результатах поиска — может быть, все наоборот?)

Как бы там ни было — DWCS4 будет для меня сюрпризом. Мне сложно представить, что еще можно добавить к инструменту, столь близкому к совершенству. Хотя... на самом деле, добавить есть что. Например, те же инструменты для правильной поисковой оптимизации. Или тулы для Wordpress. Ага, или конструктор мета-сетей. Но до чего на самом деле додумалась Adobe? Увидим :)

28.Январь.2008

HTML завернутый во Flash, снова и снова

Подсмотрел у Шаграта: народные умельцы сделали флэш-тему для WordPress. По-моему, мимикрия удалась. А с внедрением в новом Flash Player 10 продвинутых текстовых функций будет еще лучше. Эта блог-тема — одна из иллюстраций возможностей проекта htmlwapper, есть и аналогичный флэш-сайт.

Но все равно меня терзает один вопрос. Что это на самом деле — кричащий пример безжалостно убитого времени или действительно перспективная разработка?

24.Январь.2008

В войне браузеров смертельный урон нанесен веб-стандартам

На главном сайте веб-дизайнеров A List Apart появилась статья о том, что IE8 будет поддерживать специальный мета-тег X-UA-Compatible для корректного рендеринга страниц, созданных ранее для браузеров типа IE6 / IE7. Вот так вы говорите, что сайт создан для IE7:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Видя такой код в начале html-документа, IE8 будет обрабатывать доку особым образом — в режиме работы IE7.

Это очень разумный ход, друзья. Молодцы все-таки эти парни из Майкрософт. Теперь веб-дизайнеры, вместо того, чтобы переделывать свои старые сайты из-за их несовместимости с новым браузером могут просто вставить одну строчку кода — и сайт будет работать, как ни в чем не бывало. Друзья! Это долгожданный свет в конце интернета, если у интернета есть конец. Я подготовил по этому поводу краткую утреннюю речь.

Обращение корпорации Microsoft к веб-дизайнерам

В общем-то, это наша проблема здесь, в Microsoft. Мы что-то слышали об обратной совместимости ПО, но там было много букв. И мы решили, что вас больше, вы умнее, и можете лучше нас решать такие проблемы. Извините. Мы сдаемся. Все свободны.

А, не забудьте обновить код во всех своих сайтах. Да здравствуют веб-стандарты!

Попытка спокойно разобраться с X-UA-Compatible

С другой стороны, это очень крутое нововведение: сейчас верстальщикам приходится не только применять html-хаки для преодоления несовместимости браузеров, но и обновлять хаки на старых страницах (я скажу еще раз, что именно поэтому ненавижу хаки во веки веков, это все продажа мозга в розницу). Сейчас же веб-дизайнерам предлагают "легкое" решение проблемы несовместимости разных версий IE: набор старых хаков, упакованных в одну строку кода. Только вот проблему эту создавали не веб-дизайнеры. И решать ее дожен не каждый дизайнер, а одна компания — производитель кривых браузеров.

Интересно будет посчитать, сколько времени в общей сумме будет потрачено верстальщиками всего мира на новые танцы с дудками вокруг IE8. И сколько времени понадобилось бы нескольким пряморуким программерам, чтобы решить эту проблему несовместимости централизовано на уровне браузера.

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

Пока писал, слушал: 1. Net Pistols - God Save The Microsoft, 2. Net Pistols - Anarchy in The Web.

Update 1: W3C опубликовала черновик HTML 5.
Update 2: создал тему "Microsoft пытается подмять веб-стандарты под IE8" на Хабре.
Update 3: Джон 'jQuery' Резиг по поводу X-UA-Compatible.
Update 4: Константин Кичинский подсказывает, что по умолчанию может использоваться режим совместимости с IE7, т.е. режим IE8 нужно "включать" явно (подробности в его комментарии).

30.Январь.2006

Возвращаясь к старому вопросу: как разместить что-либо поверх flash внутри html-страницы

Как многие знают, чтобы поместить нечто (выпадающее меню, блок текста и т.д.) поверх flash внутри html-страницы, нужно использовать атрибут/параметр wmode тэга object/embed -- после этого становится возможным управление глубиной флэш-клипа путем его вложения в div-контейнер и присвоения последнему значений глубины и абсолютного позиционирования.

Однако существует два недоразумения по этому поводу:

1. Во-первых, часто считают, что перекрыть flash сверху якобы можно, используя значение transparent параметра wmode. Но, во первых, это не сработает в мозилло-подобных браузерах, а, во вторых, приведет к снижению производительности flash-клипа -- ведь на просчет прозрачности требуются ресурсы. Если вам нужно всего лишь поместить нечто поверх flash, то достаточно использовать значение wmode="opaque" -- и это работает везде.
2. Второе заблуждение содержится в документации к flash. Там говорится следующее об атрибуте wmode: "This attribute/parameter works only in Windows with the Flash Player ActiveX control." Это следует понимать так, будто атрибут не должен был бы работать нигде, кроме IE под Windows. Однако, это не так!!! Как я писал выше, значение "opaque" работает во всех остальных современных браузерах: под Windows: Mozilla Firefox 1.0.7, Opera 8.51, про IE и так ясно. Под Mac'ом: работает и в Safari 1.0.3, и в Explorer 5.2.2 for Mac (про этот можно постепенно забывать, так как Microsoft заявила, что впредь IE будет только частью Windows. А что, так даже лучше).

Подводя итог: атрибут wmode дает возможность разместить html-блок (div, javascript-меню и т.д.) над flash-объектом, И ЭТО РАБОТАЕТ ВЕЗДЕ, достаточно только использовать значение opaque параметра "wmode":

<div style="position:absolute; z-index:1">

    <object ... > 

        <param name="wmode" value="opaque">

        <embed src="swf/gallery.swf" ... wmode="opaque" />

    </object> 

</div>

<div style="position:absolute; z-index:2">

    Я ДивНомерДва, хочу закрыть собой ваш флєщъ

</div>

И это ОЧЕНЬ полезно, когда вы хотите прикрыть свой флэш хоть чем-нибудь во всех-всех-всех браузерах мира!