2011-08-30 2 views
1

У меня есть клиент, который хочет флэш-сайт ни один, очень похожий на следующий шаблон:Возможно ли это с HTML5?

http://www.templatemonster.com/flash-templates/34056.html

Я всегда готов учиться, но я хочу знать, прежде всего, если это будет возможно создать в HTML5. Я понимаю, что это будет работать только в последних версиях IE, Firefox или Chrome.

Спасибо, ребята!

+0

все самое лучшее ...! – Kasturi

+0

«это будет работать только в последних версиях IE, Firefox или Chrome». Не совсем. Вы не можете сделать это с помощью преобразований CSS3 только для более старого браузера, но большинство функций могут быть созданы с использованием JavaScript. – feeela

ответ

3

Создание такого сайта со всеми яркими эффектами и переходами может стать настоящей болью для начинающих. В этом случае вам придется иметь дело с переходом CSS3 или javascript (jquery) и выполнять много дополнительной работы, чтобы получить этот особый эффект.

Для начала с HTML5, взгляните на Dive into HTML5

Если вы хотите получить хорошую обратную совместимость функций html5, взгляните на: http://afarkas.github.com/webshim/demos/ или http://html5boilerplate.com/

3

Да, это возможно. Все на этой странице можно сделать с помощью HTML5/CSS3/Javascript. Хотя некоторые из них легче, чем другие части.

0

Я видел целые игры, разработанные с помощью элемента <canvas>. Я думаю, что это выполнимо, хотя и довольно много работы. Но обещайте оставить раздражающие гитарные риффы ... :)

+0

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

+0

Вам даже не нужен холст, так как большинство этих эффектов можно сделать с помощью преобразований CSS3 на простых HTML-элементах (например, изображения внутри фигур). – feeela

1

Да, html5, javascript, jquery, css3 - ваши лучшие друзья. Проверьте http://processingjs.org/ на очень мощный холст lib. Они только что выпустили версию 1.3.0. /Richard

0

Некоторые комбинации:

http://flowplayer.org/tools/demos/overlay/multiple.html (нажмите "открыть все")

и встряхивания эффект от:

http://jqueryui.com/demos/effect/

Было бы очень похоже. Если вы собираетесь изучать HTML5 с нуля, используйте JQuery - многие люди, которые делали это намного дольше, уже рассмотрели множество общих запросов.

0

есть флэш-подобный инструмент с HTML5 называется Hype .... проверить это video

+0

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

Смежные вопросы