вИнтересные статьи

30 причин почему HTML5 наступает на пятки Flash

Конечно уже, вы слышали про слухи, что HTML5 постоянно наступает на пятки технологии Flash. Пока многие профессионалы спорят о том реально ли HTML5 занят лидирующее место и подвинуть с пьедестала Flash, вам наверно интересно самим,что делает простую гипертекстовую разметку такой  мощной, что даже Apple решили воспользоваться ей вместо Flash. Мы не собираемся говорить о том почему конкретно и каким образом новая технология лучше, а где-то и хуже проверенной технологии. Мы просто покажем вам 30 примеров того, как можно правильно сочетать лёгкий HTML5 с каким-нибудь другим языком, к примеру, таким как JavaScript, чтобы получить восхитительные результаты.

Будьте внимательны, HTML5 ещё не поддерживается всеми популярными браузерами и как обычно не правильно или просто плохо отображается в Internet Explorer, в принципе и не удивительно. Поэтому лучше просматривать примеры в Mozilla.

Анимация.

1. Audioburst Animation. Созданная при помощи HTML5 и audio тэга.Audioburst Animation

2. Ball Pool. Будучи уже не единожды показанным, этот пример освещает то каким динамическим может быть HTML5.Ball Pool

3. Blob Sallad. Существо созданное при помощи HTML5+JavaScript.Blob Sallad

4. Bomomo. C Bomomo вы сможете посмотреть различные атомические функции выполняемые при помощи HTML5.Bomomo

5. Browser Ball. Кроссбраузерный эффект, когда мячик перепрыгивает из одного браузерного окна в другой.Browser Ball

6. Bubbles. Создавайте бесконечное число пузырьков разных цветов.Bubbles

7. Canvas Cartoon Animation. Простой мультик, которые помогает понять что может сделать HTML5.Canvas Cartoon Animation

8. Coolclock. Простые аналоговые  часы построенные при помощи HTML5 и JavaScriptCoolclock

9. Flickr PS3 Slideshow. Если у вас есть фотки на фликире, то вы можете создать такую небольшую галерейку.Flickr PS3 Slideshow

10.Interactive Polaroid. Галерея в стиле «Polaroid» с эффектом drag&drop. Interactive Polaroid

11. JS Fireworks. Эффект фейерверка при помощи HTML5+JavaScript.JS Fireworks

12. Kaleidoscope. Красивый футуристический калейдоскоп на HTML5.Kaleidoscope

13. Liquid Particles. Частички реагируют на ваши движения мышкой.Liquid Particles

14. Mesmerizer. Ещё одно чувствительное к поведению мыши демо.Mesmerizer

15. Nebula Cloud. Потеряйтесь с интересным эффектом HTML5.Nebula Cloud

16. Parallax. Посмотрите все формы в параллельной перспективе.Parallax

17. Particle Animation. Идеальная анимация частичками, которые могут приобретать любую форму.Particle Animation

18. Spread. Потеряйтесь в этой безграничной анимации.Spread

19. Starfield. Ещё одна анимация, которая реагирует на действия мыши.Starfield

20. Video Destruction. Один клик и вы уничтожите всё видео.Video Destruction21. Waveform. Посмотрите как может двигаться канва при помощи HTML5.Waveform

Кроме простой анимации при помощи HTML5 и ещё небольших ухищрений возможно получить 3D эффект.

22. Canvas3D and Flickr. Получите совсем новые ощущения от 3D потока на фликире.Canvas3D and Flickr

23. Cloth Simulation. Реалистическая симуляции одежды.Cloth Simulation

24. Evolving Monster. Как можно получить монстра из одной точки.Evolving Monster

25. Google Giftbox. Поиск в Google теперь в 3D.Google Giftbox
26. JS Touch. Реалистический 3D эффект.JS Touch

Презентация данных при помощи HTML5.

27. Gnuplot.Gnuplot

28. RGraph. Эта система обладает большим количество инструментов для создания прекрасной презентации.RGraph

Приложения.

29. CanvasMol. Созданный для того чтобы более наглядно объяснить некоторые элементарные структуры Земли.CanvasMol

30. Cartoon Builder. Создатель мультика.Cartoon Builder

Автор:

Один комментарий

  1. Евгений 2 марта 2012

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *