HTML5 примеры реализаций уже сегодня

Автор: Aport Пятница, Январь 23rd, 2015 Нет комментариев

Рубрика: Разное

Одна из самых обсуждаемых тем сегодня, это кто круче, хтмл5 или флэш, сегодня у нас на рассмотрение целая пачка удивительно интересных реализации с использованием HTML5, а насколько они необычны, решать вам.

1. Tunneler

Tunneler

2. JuicyDrop

juicydrop

3. Magnetic

Magnetic

4. Trail

Trail

5. Sinuous

Sinuous q

6. DDD

DDD

7. Harmony

harmony

8. Lines go all over the place.

Lines go all over the place.

9. Chrome Canopy

Chrome Canopy

10сайт источник http://yapro.ru Sun Oct 24 2010 15:34:31 GMT+0400. Ball Pool

Ball Pool

11. Chain Reaction

Chain Reaction

12. Entanglement

Entanglement

13. Blob

Blob

14. Biolab Disaster

Biolab Disaster

15. Google Gravity

Google Gravity

16. Core

Core

17. Garticсайт источник http://yapro.ru Sun Oct 24 2010 15:34:37 GMT+0400

Gartic

18. HTML5 Video Destruction

HTML5 Video Destruction

19. The tristan washing machine

the trista

20. Changing Background

Background Changing

21. HTML5 Drum Kit

HTML5 Drum Kit

22. Dynamic Content Injection

Dynamic Content Injection

23. Geolocation

Geolocation

24. Video for Everybody!

Video for Everybod

25. Projekktor Zwei

Projekktor

26. ContentEditable

ContentEditable

27. Drag and drop

Drag and drop

28. Canvas Photo

Canvas Photo

29. 360° MP3 player

360° MP3 player

30. JaVortex

JaVortex

31. 3D Model Viewer

Javascript 3D Model Viewer

32. 3D Landscape on HTML5 canvas

3D Landscape

33. Stalk Buttons (не HTML5, но тоже интересно)

Stalk Buttons

34. JavaScript Fireworks

JavaScript Fireworks

35. Blob Sallad

Blob Sallad

36. SublimeVideo

SublimeVideo

37. Catch it!

Catch it!

38. Breakout Clone

Breakout Clone

3сайт источник http://yapro.ru Sun Oct 24 2010 15:34:47 GMT+04009. Sketchpad

Sketchpad

40. Simple Drag and Drop

Simple Drag and Drop

41. CanvasPaint

CanvasPaint

42. Monster

Monster

43. Making waves with html5

making waves

44. Starfield

Starfield

45. The mesmerizer

The mesmerizer

46. Bomomo

bomomo

47. Canvas Nebula

Canvas Nebulaq

48. Liquid Particles

Liquid Particles

49. Moving Cloth in HTML5

Moving Cloth in HTML5

50. CanvasMol

CanvasMol

И на последок еще несколько безумно интересных вариантов.

HTML5 примеры реализаций уже сегодня

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

  • Semantic Markup HTML5 Page Layout With IE Support (Not a single “div” element, “id” or “class” attribute is used – Clean, Lean and more Meaningful Markup).
  • Form Sample HTML5 Form that you can test in current browsers. Most of the features will work in Opera, but you will need to use Chrome or Safari to see few remaining features in action — which surprisingly works in WebKit browsers, but not in Opera.
  • Audio HTML5 Audio Using OGG & MP3 Formats (Works in Chrome 4+, Firefox 3.6+, Opera 10.5+ and Safari4+).
  • Video HTML5 Video Using OGG & MP4 Formats (Works in Chrome 4+, Firefox 3.6+, Opera 10.5+ and Safari4+).
  • Video With Custom Controls Uses DOM API for video to create custom controls (Works in Chrome 4+, Firefox 3.6+, Opera 10.5+ and Safari4+).
  • Canvas Demo of command based 2D drawing on HTML5 Canvas. Works in Firefox 3+, Safari 3.1+, Chrome 2+ and Opera 9.6+). Uses ExplorerCanvas for Internet Explorer.
  • ContentEditable Basic content editor developed using HTML5 ContentEditable attribute and JavaScript; supported by all major browsers (Internet Explorer 5.5+, Firefox 3+, Safari 3.1+, Chrome 2+, and Opera 9.6+).
  • Drag & Drop Very simple example to drag and drop images from one container to another. Works in all major browsers except Opera.
  • Session Storage Page counter using sessionStorage, works during lifetime of top-level browsing context (i.e., as long as its browser tab or window remains open). Works in IE8+, Firefox 3.5+, Safari 4.0+, Chrome 2.0+ & Opera 10.5+.
  • Local Storage Page counter using localStorage (Will last even when you restart your web browser and / or computer). Works in IE8+, Firefox 3.5+, Safari 4.0+, Chrome 2.0+ & Opera 10.5+.

Кстати, проверить наличие тех или иных рабочих возможностей браузеров можно на сайте html5readiness.com

А тем, кто хочет узнать о новых возможностях IE9 смотрите видео на cssing.org.ua

p.s. меня игра phoboslab очень проперла, а вас?

 

Источник: yapro.ru

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

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты