JQuery против Flash?

Question

Я довольно новичок в jQuery и его ограничениях, я видел много классных вещей, сделанных с ним, но мне интересно, каковы ограничения и возможно ли воссоздать что-то подобное - http://www.magnetme.co.uk/ в jQuery.

Причина, по которой я спрашиваю, заключается в том, что мы хотим создать некоторые интерактивные элементы для нового веб-сайта и намеревались пойти по флэш-маршруту, но, очевидно, это отталкивает любого, кто просматривает сайт на iPad и т. П.

Спасибо

Винс

Answer 1

Я много работаю как с jQuery, так и с Flash, и вижу каждый день, когда jQuery или Flash заканчиваются. Обычно jQuery гораздо проще поддерживать, чем Flash, поскольку Flash требует перекомпиляции перед публикацией изменений.

Ничто не мешает вам создать аналогичное решение для вашего примера (http://www.magnetme.co.uk/) в jQuery. Я сделал что-то немного похожее на этой странице: http://www.tema.no/default.aspx?menu=12.

Обычно я делаю вещи с помощью jQuery, когда могу, и Flash, если есть необходимость в тяжелой / быстрой анимации со многими или большими изображениями.

Этот браузер продукта сделан в jQuery: http://www.devold.com/outdoor/default.aspx?menu=3. Я думаю, что в некоторых браузерах он слишком медленный. Есть около 200 продуктов.

Этот браузер продуктов выполнен во Flash: http://www.comfort.no/default.aspx?menu=668 и легко и плавно обрабатывает более 1000 продуктов.

Обычно плюсы и минусы таковы:

• Поисковая оптимизация: Проще сделать оптимизацию поисковой системы на основе jQuery (JavaScript)
• Быстрое внесение изменений : с jQuery проще, чем с Flash, поскольку Flash необходимо перекомпилировать
• Плавность анимации : Flash обрабатывает анимацию лучше, чем jQuery
• Мультимедиа : только Flash. Canvas и Audio / Video в HTML5 поддерживают это, но поддержка HTML5 все еще ограничена
• Кросс-браузерная поддержка : Работая с jQuery, вы действительно работаете с JavaScript и HTML, которые имеют проблемы с браузером. Например, затухание в альфа-прозрачном PNG-файле немного сложно в Internet Explorer 7. Есть несколько подобных проблем, которые нужно решить. С другой стороны, Flash (в основном) ведет себя одинаково во всех браузерах и на разных платформах. Кроме того, у флэш есть проникновение на рынок ... 98%, я думаю.
• iPhone / iPad : Независимо от того, что вы думаете о решении Apple не поддерживать Flash на своих iPhone и iPad, об этой проблеме необходимо иметь мнение при выборе архитектуры.

Обновление: вот несколько статей, в которых рассказывается о HTML5 и Flash:

• Искусственная драма Джека (Джек - парень, который стоит за Greensock, TweenLite, TweenMax и другими инструментами анимации AS). http://www.greensock.com/flash-html5/
• HTML5, Flash и RIA: 18 отраслевых экспертов говорят: http://active.tutsplus.com/articles/roundups/html5-and-flash-17-industry-experts-have-their-say/

Answer 2

После рассмотрения примера, это то, что jQuery может легко обработать.

Хотя, чтобы сделать это правильно (читай «быстрая загрузка, быстрая работа»), вам понадобится как минимум промежуточное звено для продвинутогоПонимание основ jQuery.

Если вы чувствуете, что ваши JavaScript-возможности превосходны, особенно ваши методы обхода DOM, я говорю о jQuery.

Наконец, jQuery - не единственный ребенокна блоке.Как отметил @Jeff в своем комментарии, взгляните на все фреймворки на рынке.Если вам удобнее использовать другой фреймворк, например, MooTools, вам, возможно, будет лучше там.(Лично я человек jQuery.)

(Кроме того, убить музыку автозагрузчика. Что за черепок.)

Answer 3

Используя элемент HTML5 <canvas> или SVG, вы также можете сделать это с Javascript, но HTML5 не поддерживается старыми браузерами. Вероятно, вы можете запустить во всех браузерах генерирование изображений на сервере, но это может быть очень медленным и занимать полосу пропускания.

Answer 4

Flash по-прежнему король дизайна, в то время как jQuery - это то, что вы используете для дополнения вашего сайта, а не для создания всего этого. B Culture Media рассказывает об этом в недавнем сообщении в блоге на http://bculture.tumblr.com/post/15362447623/flash-is-alive.

Answer 5

Пользовательский интерфейс будет достаточно легко скопировать.

Чтобы создать элементы, которые представляют шкафы и тому подобное, вы, вероятно, смотрите на использование SVG. Вы можете использовать библиотеку JavaScript, например Raphael , для управления элементами SVG. SVG поддерживается в Mobile Safari.

Я не знаю, как искажать изображения, чтобы соответствовать непрямоугольным формам. Однако это может быть сделано до некоторой степени, о чем свидетельствует плагин jQuery Image Cube . Изучение источника этого плагина должно привести к некоторым идеям.

В целом, возможно, можно создать аналогичный сайт с помощью решения JavaScript + SVG.

Answer 6

Если вы настоящий мужчина, делайте все это в css.Вот пример его сырой силы: Чистый CSS Fail Whale

Answer 7

Если это возможно в jQuery, это займет много работы, не говоря уже о том, что это будет довольно медленно. Вместо этого вам, скорее всего, придется создать решение Flash для браузеров и решение HTML5 canvas для iPad (которое будет работать в большинстве новых браузеров)