Комментарии 78
Ищу челюсть под столом… Нет слов)
Это всё очень круто, но jQuery сча не в моде, всё внимание уделено html 5. Кто в курсе можно всё тоже самое на html 5 делать? Хотя пользователю обычно до лампочки на чём оно сделано — главное чтобы работало.
HTML5 — это по сути js+css+(x)html.
Вот только количество пользователей IE
StopKran, отоно как, а мужики то не знают (:
LOL
Большинство эффектов действительно можно сделать в css3 + events. Даже не прибегая к использованию canvas.
На данный момент такие возможности есть только у Chrome, Safari и ночных сборок Firefox4 — те что поддерживают css animation. Допустим создавая сайт для iPhone / Android можно смело использовать -webkit-keyframes и -webkit-animation, но mask всё ещё не работает.
На данный момент такие возможности есть только у Chrome, Safari и ночных сборок Firefox4 — те что поддерживают css animation. Допустим создавая сайт для iPhone / Android можно смело использовать -webkit-keyframes и -webkit-animation, но mask всё ещё не работает.
вы вырвали это изречение из контекста и совсем не представляете что оно означает раз тут же задаете вопрос. jquery — это огромная облегчалка работы с javascript и я буду использовать его даже в html 5, т.к. пока кол-во пользователей, браузеры которых поддерживают html 5 еще очень мало. а писать что-то только на html 5 и гордится тем какой ты ниипаца перец пишешь на html 5 — не есть хорошо, так как твою писанину увидят максимум 20% пользователей.
Широкомасштабная навигация впечатлила…
Да, почему-то до сих пор такие сайты делаются исключительно на флеше.
Думаю, основные причины: Flash начал использоваться раньше, в нем бОльше возможностей для интерактива, он кроссбраузерный и, наверняка, традиции.
Думаю, он со временем подвинется под натиском прогрессивных разработчиков радеющих за красивые семантические сайты.
Думаю, он со временем подвинется под натиском прогрессивных разработчиков радеющих за красивые семантические сайты.
Второй и третий аргументы очень сомнительны )
Количество сайтов со сходной динамикой элементов на флэш и js только недавно начали сравниваться. Еще недавно сайты подобные 2advanced считались верхом мастерства и недостижимым пределом для js+css. Сейчас я в этом не уверен…
основных причин две: тормознутость яваскрипта и, самое главное.
обратите внимание на пузырьчатую навигацию (http://tympanus.net/Tutorials/BubbleNavigation/) шарики подрагивают при резайзе. это следствие того, что изменяется позиция и размеры — браузер не совсем точно отображает это из за ошибок округления — хтмл не знает что такое 0.5пиксела. Во флеше есть антиалиасинг, сглаживание другими словами. на JS сделать его практически нереально, поэтому выглядит любая анимация, где есть перемещение html оъектов, как правило ужасно.
обратите внимание на пузырьчатую навигацию (http://tympanus.net/Tutorials/BubbleNavigation/) шарики подрагивают при резайзе. это следствие того, что изменяется позиция и размеры — браузер не совсем точно отображает это из за ошибок округления — хтмл не знает что такое 0.5пиксела. Во флеше есть антиалиасинг, сглаживание другими словами. на JS сделать его практически нереально, поэтому выглядит любая анимация, где есть перемещение html оъектов, как правило ужасно.
И ещё, я думаю, на Flash'е гораздо проще и быстрее все эти красивости реализовать. По собственному опыту: время разработки на флэше и JS различается в разы.
Полвину видел еще несколько лет назад, но в целом, да, очень впечатлающие примеры.
Лично я вообще всячески за то, чтобы html шел на десктоп — я люблю красивые и стильные приложения. В сети же, к сожалению, до сих пор много устаревших браузеров и тонких каналов, которые часто мешают развернуться фантазии=(
Лично я вообще всячески за то, чтобы html шел на десктоп — я люблю красивые и стильные приложения. В сети же, к сожалению, до сих пор много устаревших браузеров и тонких каналов, которые часто мешают развернуться фантазии=(
здорово
Практически все вышеперечисленное уже видел и иногда использовал в своих проектах, кроме Circulate. Впечатлило, забираю. Спасибо.
Пора бы завести раздел с красивостями такого рода, думаю будет очень полезно для проектов :)
а зачем запускать элементы страницы по окружности?
>Плагин Bubble Navigation позволяет сделать динамичную навигацию, построенную исключительно на кругах.
А в браузерах, незнакомых с CSS3, будет навигация на квадратах?
А в браузерах, незнакомых с CSS3, будет навигация на квадратах?
А где awesome?
Очень удивился, когда посмотрел исходники первого примера(лупа).
Использую на своем сайте выпадающую панель входа. Замечательная вещь. И стильно и вес не большой.
Все молча добавляют в избранное.
Супер, я впечатлен.
Flip box рулит!
Сенкью! )
Сенкью! )
НЛО прилетело и опубликовало эту надпись здесь
красивые примеры, правда не все примеры используют jquery
потрясающе! добавил с избранное, думаю некоторые представленные здесь решения использовать в создании сайта
очень понравился Aviaslider, Slideout context tips, Sliding boxes
сижу вот и прикидываю: а куда бы это вставить
Автору респект огромный!
очень понравился Aviaslider, Slideout context tips, Sliding boxes
сижу вот и прикидываю: а куда бы это вставить
Автору респект огромный!
icarousel — Mootools
ImageFlow — без фреймворка
По-моему первое предложение в статье не совсем корректное. Есть много других JS-фреймворков кроме jQuery, на которых тоже создаются эффектные вещи. Хотя, возможно, jQuery лидер на данный момент.
ImageFlow — без фреймворка
По-моему первое предложение в статье не совсем корректное. Есть много других JS-фреймворков кроме jQuery, на которых тоже создаются эффектные вещи. Хотя, возможно, jQuery лидер на данный момент.
Не «возможно», а точно. (На Хабрахабре даже публиковали статистику использования популярных frameworks, но так ужасно давно, что ужé нипочём не найду. И jQuery лидировал.)
Могу показать вам свой ImageFlow на jQuery (делал по примеру, что в статье), только без ползунка, пролистывание круговое по клику.
По-моему в статье не хватает пары ссылок:
jquery.com/ — официальный сайт jQuery
plugins.jquery.com/ — плагины на официальном сайте
jquery.com/ — официальный сайт jQuery
plugins.jquery.com/ — плагины на официальном сайте
по-моему большинство отсюда: tympanus.net/Tutorials/
Вот ещё как пример, очень мне сайт нравится, а главное, совсем без флеша: max32max.ru
<сарказм>
Да-да. Давайте все дружно скажем спасибо jQuery и вознеем хвалу его разработчикам. Если бы не они, мы бы ни за что не получили ни css3 ни html5 ни даже javascript. Все эти замечательные вещи появились благодаря jQuery.
</сарказм>
Спасибо за подборочку. Будет где черпать вдохновение :)
Да-да. Давайте все дружно скажем спасибо jQuery и вознеем хвалу его разработчикам. Если бы не они, мы бы ни за что не получили ни css3 ни html5 ни даже javascript. Все эти замечательные вещи появились благодаря jQuery.
</сарказм>
Спасибо за подборочку. Будет где черпать вдохновение :)
JQuery — очень перспективно. Порой отличная замена flash-объектам.
Однозначно статью в закладки для применения в следующих проектах.
Однозначно статью в закладки для применения в следующих проектах.
Да, красиво! Но ничего сверхъестественного.
С появлением jQuery, у веб-программистов появилась возможность создавать впечатляющие визуальные эффекты, не прибегая к использованию технологии flash.
А такая возможность была и до jquery, на чистом javascript. jquery просто упрощает.
И половина всей этой «красоты» грустно не работает в IE.
При копипасте постов, для приличия могли бы указать источник…
Этот топик имеет тип перевода, и в плашке с итоговой инфой (там где рейтинг, автор и.т.д.) указан автор оригинала — Siva Kumar. Если кликнуть по нему, то окажитесь как раз на той странице, которую вы указали.
Тип топика — перевод. Внизу стандартным для хабра способом указана ссылка на оригинал, именно так которую дали вы.
Все это отлично на демо-страничке, пока не доходит до практического применения.
Попробуйте интегрировать что-то из перечисленного в ваш сайт — столкнетесь с кучей проблем — несовместимостями (разными) с разными браузерами, глюками на конкретных дизайнах со специфичным расположением элементов или их стилей, кучей конфликтов с css-стилями и вашими js-компонентами.
Попробуйте интегрировать что-то из перечисленного в ваш сайт — столкнетесь с кучей проблем — несовместимостями (разными) с разными браузерами, глюками на конкретных дизайнах со специфичным расположением элементов или их стилей, кучей конфликтов с css-стилями и вашими js-компонентами.
А для чего вам своя голова? Ваш сайт, ваше желание иметь все то же самое у себя, ваши руки, так и переделывайте все это под себя. Благо это JS, код весь у вас перед глазами.
Хм, и с выходом очередного апдейта снова разбираться и переделывать?
Ну и разбираться в чужом коде, устранять проблемы выйдет не проще, чем написать свое с нуля.
Да и вообще — jquery хорош, но пока браузеры настолько отличаются, насколько сейчас, и нет эффективных способов обеспечить полную изоляцию, он не способен создать графическому приложению впечатление о том, что оно работает в вакууме.
Ну и разбираться в чужом коде, устранять проблемы выйдет не проще, чем написать свое с нуля.
Да и вообще — jquery хорош, но пока браузеры настолько отличаются, насколько сейчас, и нет эффективных способов обеспечить полную изоляцию, он не способен создать графическому приложению впечатление о том, что оно работает в вакууме.
Еще некоторые js-слайдеры бывают тормозят получше всякого флэша.
НЛО прилетело и опубликовало эту надпись здесь
что именно там вам непонятно?
там все очень просто (как и во всех примерах), могу подсказать.
(вот если бы первый пример работал в ИЕ — тогда я бы впечатлился. а так… там все реализовывается достаточно просто, хотя идеи хорошие, да)
там все очень просто (как и во всех примерах), могу подсказать.
(вот если бы первый пример работал в ИЕ — тогда я бы впечатлился. а так… там все реализовывается достаточно просто, хотя идеи хорошие, да)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Впечатляющие анимационные эффекты