۳۱ نمونه از طراحی های جالب صفحات وب با html5 +تصاویر

[tania]

FlowerPower (http://www.openrise.com/lab/FlowerPower/)

http://pnu-club.com/imported/mising.jpg (http://www.openrise.com/lab/FlowerPower/)

۲. Google gravity (http://mrdoob.com/projects/chromeexperiments/google_gravity/)

http://pnu-club.com/imported/mising.jpg (http://mrdoob.com/projects/chromeexperiments/google_gravity/)

۳. HTML5 logo (http://www.kevs3d.co.uk/dev/html5logo/)

http://pnu-club.com/imported/mising.jpg (http://www.kevs3d.co.uk/dev/html5logo/)

۴. Sketch (http://hakim.se/experiments/html5/sketch/#786af119)

http://pnu-club.com/imported/mising.jpg (http://hakim.se/experiments/html5/sketch/#786af119)

۵. webGL water (http://madebyevan.com/webgl-water/)

http://pnu-club.com/imported/mising.jpg (http://madebyevan.com/webgl-water/)

۶. fish (http://oos.moxiecode.com/js_webgl/fish/index.html)

http://pnu-club.com/imported/mising.jpg (http://oos.moxiecode.com/js_webgl/fish/index.html)


۷. waterfall (http://www.effectgames.com/demos/canvascycle/)

http://pnu-club.com/imported/mising.jpg (http://www.effectgames.com/demos/canvascycle/)

۸. Conductor (http://www.mta.me/)

http://pnu-club.com/imported/mising.jpg (http://www.mta.me/)

۹. coil (http://hakim.se/experiments/html5/coil/)

http://pnu-club.com/imported/mising.jpg (http://hakim.se/experiments/html5/coil/)

۱۰. ۴۰۴ (http://hakim.se/experiments/html5/404/netmag.html)

http://pnu-club.com/imported/mising.jpg (http://hakim.se/experiments/html5/404/netmag.html)

۱۱. ultralight (http://www.kevs3d.co.uk/dev/canvask3d/ultralight.html)

http://pnu-club.com/imported/mising.jpg (http://www.kevs3d.co.uk/dev/canvask3d/ultralight.html)

۱۲. ARENA5 (http://www.kevs3d.co.uk/dev/arena5/)

http://pnu-club.com/imported/mising.jpg (http://www.kevs3d.co.uk/dev/arena5/)

۱۳. Canvas ribbon (http://www.monocubed.com/2010/11/24/html5-canvas-ribbon-ios4-2-device-orientation/)

http://pnu-club.com/imported/mising.jpg (http://www.monocubed.com/2010/11/24/html5-canvas-ribbon-ios4-2-device-orientation/)

۱۴. Make3D (http://www.monocubed.com/2010/10/29/make3d-native-drag-drop-in-browser/)

http://pnu-club.com/imported/mising.jpg (http://www.monocubed.com/2010/10/29/make3d-native-drag-drop-in-browser/)


۱۵. Asteroids (http://www.kevs3d.co.uk/dev/asteroids/)

http://pnu-club.com/imported/mising.jpg (http://www.kevs3d.co.uk/dev/asteroids/)

۱۶. ball pool (http://mrdoob.com/projects/chromeexperiments/ball_pool/)

http://pnu-club.com/imported/mising.jpg (http://mrdoob.com/projects/chromeexperiments/ball_pool/)

۱۷. magnetic (http://hakim.se/experiments/html5/magnetic/02/)

http://pnu-club.com/imported/mising.jpg (http://hakim.se/experiments/html5/magnetic/02/)

۱۸. core (http://hakim.se/experiments/html5/core/01/#)

http://pnu-club.com/imported/mising.jpg (http://hakim.se/experiments/html5/core/01/#)

۱۹. test (http://29a.ch/sandbox/2010/box2d2/test.html)

http://pnu-club.com/imported/mising.jpg (http://29a.ch/sandbox/2010/box2d2/test.html)

۲۰. tree (http://kennethjorgensen.com/canvas/tree.html)

http://pnu-club.com/imported/mising.jpg (http://kennethjorgensen.com/canvas/tree.html)

۲۱. many lines (http://open.adaptedstudio.com/html5/many-lines/)

http://pnu-club.com/imported/mising.jpg (http://open.adaptedstudio.com/html5/many-lines/)

۲۲. bounce fill (http://open.adaptedstudio.com/html5/bounce-fill/)

http://pnu-club.com/imported/mising.jpg (http://open.adaptedstudio.com/html5/bounce-fill/)

۲۳. ztype (http://www.phoboslab.org/ztype/)

http://pnu-club.com/imported/mising.jpg (http://www.phoboslab.org/ztype/)

۲۴. breakdom (http://hakim.se/experiments/html5/breakdom/)

http://pnu-club.com/imported/mising.jpg (http://hakim.se/experiments/html5/breakdom/)


۲۵. Move. Pick Up. Drop (http://www.monocubed.com/2011/01/13/move-pick-up-drop/)

http://pnu-club.com/imported/mising.jpg (http://www.monocubed.com/2011/01/13/move-pick-up-drop/)

۲۶. voxelrain (http://voxelrain.appspot.com/)

http://pnu-club.com/imported/mising.jpg (http://voxelrain.appspot.com/)

۲۷. gmail (http://www.monocubed.com/doodles/processingjs/gmail/26/)

http://pnu-club.com/imported/mising.jpg (http://www.monocubed.com/doodles/processingjs/gmail/26/)

۲۸. trail (http://hakim.se/experiments/html5/trail/03/)

http://pnu-club.com/imported/mising.jpg (http://hakim.se/experiments/html5/trail/03/)

۲۹. The Cloth Simulation (http://andrew-hoyer.com/experiments/cloth/)

http://pnu-club.com/imported/mising.jpg (http://andrew-hoyer.com/experiments/cloth/)

۳۰. clock (http://andrew-hoyer.com/experiments/clock/)

http://pnu-club.com/imported/mising.jpg (http://andrew-hoyer.com/experiments/clock/)

۳۱. rain (http://andrew-hoyer.com/experiments/rain/)

http://pnu-club.com/imported/mising.jpg (http://andrew-hoyer.com/experiments/rain/)