Динамичные веб-презентации без использования Flash

[LeNsTR]

Ух ты как здорово. Не думал что такое можно делать лишь при помощи html + css.

[k0rzhik]

Отличная работа, держи плюс!

[MaximShumkov]

Плюс выводит статью на главную :)

[varenov_nikita]

Автору респект! Самое радостное во всей этой новости, что сделанное в целом вполне применимо, т.е. это не концепт, когда задача состоит в том, чтобы сделать это на css+html любой ценой не считаясь с трудозатратами.

[13i]

А как можно посмотреть исходник?
Пробовал, но показывает видимо лишь небольшую часть — XML
Самого CSS нигде не видно

[fatal]

Я дал ссылку на CSS в заметке.

[web4_0]

Подборка лиц перекрывает возможности CSS с лихвой.
Один Jacob Zuma чего стоит.

[fatal]

Вечер и немного ночью посидел… ;)

[x40c]

Какая-то беда там с определением координат. Поводите мышкой по лбам людей со второй строчки и ниже. :)
Chrome 4

[BassEast]

Однако долго пришлось ждать, чтобы увидеть демо…
Всё хорошо, но к чему было так извращаться? Результат ведь того не стоит. imho.

[BassEast]

спасибо за минус. Тут полно таких мнений, именно мне надо было влепить. ага. И ещё здесь пожалуйста влепите.

[Cosss]

Успокойся, бро, держи плюсик

[BassEast]

Большое спасибо! Надо выбираться как-то из минусов, а то свой стартап чёрт знает когда опубликую.

[Cosss]

Все таки не дотягивает до решений на флеше. Фотографии увеличиваются не красиво и тормозит… в хроме. Тултип ведет себя по-идиотски, не исчезает, когда я увожу курсор с самбнейла. Показывать большую фотографию, зажимая кнопку — довольно странное решение.

[Chizh]

Сейчас это сделано на чистом html+css, можно и полностью скопировать презентацию но для этого нужно использовать javascript

[Cosss]

Ну значит пока нет смысла делать без JS. И то, я хотел бы посмотреть как браузер будет увеличивать картинки в этом случае. На флеше есть supersampling, он и дает плавность увеличения.

[BassEast]

А у Jquery есть анимация, не менее плавная, чем у flash, неужто вы не знали? :)

[Cosss]

en.wikipedia.org/wiki/Supersampling
Тут никакой Jquery не поможет, картинку все равно рисует браузер.

[BassEast]

кто минус поставил, покажись? Основание есть?

[tenshi]

глючно, некроссбраузерно, топорно…

[MAXH0]

В общем то css+html+JS могут потеснить среду flash, но только если появится достойная среда разработки.

[redchrom]

Для меня было открытием, что выгнутая стена (не знаю как правильно её назвать) со страницами в safari 4, сделана при помощи css трансформации.

[bolk]

В чём открытие? Даже IE6, которому много-много лет, умеет такое при помощи фильтра Matrix.

[bolk]

Если я ничего не путаю, то да.

[arty]

эх, а я надеялся, что сортировка сделана автоматически, а не ручным указанием позиций: )

[predtech]

Считаю что выбор реализации зависит от задачи.
Если говорить о создании презентаций, то, как я думаю, флеш выигрывает и вот почему:
1. Эффекты созданные на html+js+css явно было проще сделать на флеш (по временным затратам).
2. Во флеше отпадает вопрос кроссбраузерности и вооще отпадает вопрос использования браузера, флеш запустится где угодно (ну почти).
3. Флеш можно сделать в виде одного файла (или несколько дополнительных, если он флеш подтягиват внешние данные, например, такие как видео). Если презентация будет передана потенциальному клиенту, ему не надо будет копаться в куче файлов и искать этот index.htm
По моему, достаточно и этих трех причин. Аргументов в пользу html вообще не нахожу

[bolk]

1) пока нет среды — вы правы, но, думаю, среды для этого появятся. Расставлять спецэффекты на сыром CSS это уже неудобно.
2) Flash иначе работает на мобильных устройствах, какая уж тут кроссбраузерность?
3) HTML тоже можно сделать в виде одного файла, никаких сложностей тут нет. Например, можно использовать data URI.

[predtech]

>пока нет среды
Вы имеете ввиду среду разработки, т.е. визуальный редактор? Даже для 3D есть такие штуки, но фильмов, сделанных на них я пока не видел.

> Flash иначе работает на мобильных устройствах, какая уж тут кроссбраузерность?

Речь идет о презентациях. Честно скажу, я еще не видел чтобы презентации в офисах показывали на мобильных телефонах. Это было бы слишком круто. Кроме того, не знаю как на других, но на моей Nokia 5800 флеш плеер ведет себя вполне адекватно.

> HTML… в виде одного файла
Да, конечно

[bolk]

Вы имеете ввиду среду разработки, т.е. визуальный редактор? Даже для 3D есть такие штуки, но фильмов, сделанных на них я пока не видел.

Как вы пропустили? На ютубе их много — любительские ролики.

Речь идет о презентациях. Честно скажу, я еще не видел чтобы презентации в офисах показывали на мобильных телефонах. Это было бы слишком круто.

Ну, смотря какой телефон. Мой X7500 имеет VGA-выход. Не слишком распространено, но бывает.

[predtech]

Наш спор идет в разных плоскостях. Вы говорите о вещах, возможных теоретически (и я тут с вами полностью согласен), а я о прикладном применении. Презентация потенциальному «хорошему» клиенту подготавливается достаточно кропотливо (во всяком случае в компании, в которой я работаю происходит именно так), надеяться на моб. телефон не приходится, ведь он может: выпасть из кармана (шанс упасть у лептопа горазд ниже), может «сесть» аккумулятор и я на него сяду и раздавлю. На сегодняшний день я бы не поехал к клиенту «попонтоваться» с презентухой в мобиле, даже если у нее есть VGA выход :)

[bolk]

Да, я понимаю :) Кстати, мой телефон очень трудно потерять :))) Да и сесть на него, скорее попа треснет :) Он *очень* большой :)

В общем, конечно же, Flash всё ещё намного удобней, но я рад, что браузеры двигаются в сторону его замены. Всё-таки Flash, при всей крутизне, проприетарная штука. Вот нет его на Windows Mobile или на какой-нить PSP очень старая версия и ничего с этим не сделаешь.

[HDg]

Хабровчане наэффектили видимо

[fatal]

Это на MyOpera сегодня подняли свободное пользовательское пространство до 2Гб. :)
Вроде, уже попустило и всё грузится.

[Stom]

а вы не могли бы еще куда-нибудь выложить исходники? по ссылке не открывает

[fatal]

пожалуйста

[Olegi4]

Навеяло. Вот такое было у Opera давно уже — www.opera.com/browser/tutorials/operashow/