Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 39
Ух ты как здорово. Не думал что такое можно делать лишь при помощи html + css.
Отличная работа, держи плюс!
Плюс выводит статью на главную :)
Автору респект! Самое радостное во всей этой новости, что сделанное в целом вполне применимо, т.е. это не концепт, когда задача состоит в том, чтобы сделать это на css+html любой ценой не считаясь с трудозатратами.
А как можно посмотреть исходник?
Пробовал, но показывает видимо лишь небольшую часть — XML
Самого CSS нигде не видно
Пробовал, но показывает видимо лишь небольшую часть — XML
Самого CSS нигде не видно
Я дал ссылку на CSS в заметке.
Подборка лиц перекрывает возможности CSS с лихвой.
Один Jacob Zuma чего стоит.
Один Jacob Zuma чего стоит.
Какая-то беда там с определением координат. Поводите мышкой по лбам людей со второй строчки и ниже. :)
Chrome 4
Chrome 4
Однако долго пришлось ждать, чтобы увидеть демо…
Всё хорошо, но к чему было так извращаться? Результат ведь того не стоит. imho.
Всё хорошо, но к чему было так извращаться? Результат ведь того не стоит. imho.
Все таки не дотягивает до решений на флеше. Фотографии увеличиваются не красиво и тормозит… в хроме. Тултип ведет себя по-идиотски, не исчезает, когда я увожу курсор с самбнейла. Показывать большую фотографию, зажимая кнопку — довольно странное решение.
Сейчас это сделано на чистом html+css, можно и полностью скопировать презентацию но для этого нужно использовать javascript
Ну значит пока нет смысла делать без JS. И то, я хотел бы посмотреть как браузер будет увеличивать картинки в этом случае. На флеше есть supersampling, он и дает плавность увеличения.
А у Jquery есть анимация, не менее плавная, чем у flash, неужто вы не знали? :)
en.wikipedia.org/wiki/Supersampling
Тут никакой Jquery не поможет, картинку все равно рисует браузер.
Тут никакой Jquery не поможет, картинку все равно рисует браузер.
кто минус поставил, покажись? Основание есть?
глючно, некроссбраузерно, топорно…
В общем то css+html+JS могут потеснить среду flash, но только если появится достойная среда разработки.
Для меня было открытием, что выгнутая стена (не знаю как правильно её назвать) со страницами в safari 4, сделана при помощи css трансформации.
эх, а я надеялся, что сортировка сделана автоматически, а не ручным указанием позиций: )
Считаю что выбор реализации зависит от задачи.
Если говорить о создании презентаций, то, как я думаю, флеш выигрывает и вот почему:
1. Эффекты созданные на html+js+css явно было проще сделать на флеш (по временным затратам).
2. Во флеше отпадает вопрос кроссбраузерности и вооще отпадает вопрос использования браузера, флеш запустится где угодно (ну почти).
3. Флеш можно сделать в виде одного файла (или несколько дополнительных, если он флеш подтягиват внешние данные, например, такие как видео). Если презентация будет передана потенциальному клиенту, ему не надо будет копаться в куче файлов и искать этот index.htm
По моему, достаточно и этих трех причин. Аргументов в пользу html вообще не нахожу
Если говорить о создании презентаций, то, как я думаю, флеш выигрывает и вот почему:
1. Эффекты созданные на html+js+css явно было проще сделать на флеш (по временным затратам).
2. Во флеше отпадает вопрос кроссбраузерности и вооще отпадает вопрос использования браузера, флеш запустится где угодно (ну почти).
3. Флеш можно сделать в виде одного файла (или несколько дополнительных, если он флеш подтягиват внешние данные, например, такие как видео). Если презентация будет передана потенциальному клиенту, ему не надо будет копаться в куче файлов и искать этот index.htm
По моему, достаточно и этих трех причин. Аргументов в пользу html вообще не нахожу
1) пока нет среды — вы правы, но, думаю, среды для этого появятся. Расставлять спецэффекты на сыром CSS это уже неудобно.
2) Flash иначе работает на мобильных устройствах, какая уж тут кроссбраузерность?
3) HTML тоже можно сделать в виде одного файла, никаких сложностей тут нет. Например, можно использовать data URI.
2) Flash иначе работает на мобильных устройствах, какая уж тут кроссбраузерность?
3) HTML тоже можно сделать в виде одного файла, никаких сложностей тут нет. Например, можно использовать data URI.
>пока нет среды
Вы имеете ввиду среду разработки, т.е. визуальный редактор? Даже для 3D есть такие штуки, но фильмов, сделанных на них я пока не видел.
> Flash иначе работает на мобильных устройствах, какая уж тут кроссбраузерность?
Речь идет о презентациях. Честно скажу, я еще не видел чтобы презентации в офисах показывали на мобильных телефонах. Это было бы слишком круто. Кроме того, не знаю как на других, но на моей Nokia 5800 флеш плеер ведет себя вполне адекватно.
> HTML… в виде одного файла
Да, конечно
Вы имеете ввиду среду разработки, т.е. визуальный редактор? Даже для 3D есть такие штуки, но фильмов, сделанных на них я пока не видел.
> Flash иначе работает на мобильных устройствах, какая уж тут кроссбраузерность?
Речь идет о презентациях. Честно скажу, я еще не видел чтобы презентации в офисах показывали на мобильных телефонах. Это было бы слишком круто. Кроме того, не знаю как на других, но на моей Nokia 5800 флеш плеер ведет себя вполне адекватно.
> HTML… в виде одного файла
Да, конечно
Вы имеете ввиду среду разработки, т.е. визуальный редактор? Даже для 3D есть такие штуки, но фильмов, сделанных на них я пока не видел.Как вы пропустили? На ютубе их много — любительские ролики.
Речь идет о презентациях. Честно скажу, я еще не видел чтобы презентации в офисах показывали на мобильных телефонах. Это было бы слишком круто.Ну, смотря какой телефон. Мой X7500 имеет VGA-выход. Не слишком распространено, но бывает.
Наш спор идет в разных плоскостях. Вы говорите о вещах, возможных теоретически (и я тут с вами полностью согласен), а я о прикладном применении. Презентация потенциальному «хорошему» клиенту подготавливается достаточно кропотливо (во всяком случае в компании, в которой я работаю происходит именно так), надеяться на моб. телефон не приходится, ведь он может: выпасть из кармана (шанс упасть у лептопа горазд ниже), может «сесть» аккумулятор и я на него сяду и раздавлю. На сегодняшний день я бы не поехал к клиенту «попонтоваться» с презентухой в мобиле, даже если у нее есть VGA выход :)
Да, я понимаю :) Кстати, мой телефон очень трудно потерять :))) Да и сесть на него, скорее попа треснет :) Он *очень* большой :)
В общем, конечно же, Flash всё ещё намного удобней, но я рад, что браузеры двигаются в сторону его замены. Всё-таки Flash, при всей крутизне, проприетарная штука. Вот нет его на Windows Mobile или на какой-нить PSP очень старая версия и ничего с этим не сделаешь.
В общем, конечно же, Flash всё ещё намного удобней, но я рад, что браузеры двигаются в сторону его замены. Всё-таки Flash, при всей крутизне, проприетарная штука. Вот нет его на Windows Mobile или на какой-нить PSP очень старая версия и ничего с этим не сделаешь.
а вы не могли бы еще куда-нибудь выложить исходники? по ссылке не открывает
Навеяло. Вот такое было у Opera давно уже — www.opera.com/browser/tutorials/operashow/
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Динамичные веб-презентации без использования Flash