Aprofito aquest post per resoldre un dubte que vau preguntar fa poc en els comentaris d'un article:
Quan és un bon moment per començar a dissenyar completament amb HTML5?
Doncs sincerament, depèn de l'target a què et dirigeixis. Si no tens pensat que els teus visitants facin servir Internet Explorer (ex: pàgina de programari Mac) doncs comença ja mateix amb HTML5, però si necessites que la gent amb IE vegi la teva web serà millor que esperis ...
Sobre l'entrada, ja que després del salt 48 donem d'HTML5 que són una passada i que mereixen ser vistes. Genials és poc.
font | Hongkiat
audioburst Animation
A confortable and fantastic animation created with HTML5 's canvas and àudio tag.
Piscina de pilota
Being showcased in the last Google I / O event, this demo shows you how dynamic can HTML5 be.
Blob Sallad
A HTML5-spawned creature that would please you.
Bomomo
With Bomomo, you can observi different atomic movement simulated with HTML5.
browser Ball
Get Amazed with this 'cross-browser' HTML5 ball.
Bombolles
Have fun by create endless floating bubbles with different color.
Canvas Cartoon Animation
A simple and funny HTML5 cartoon that helps you to understand what HTML5 's canvas element cant.
Coolclock
A nice, customitzable analog clock built by HTML5 and JavaScript.
Flickr PS3 diapositives
View your Flickr 's photos with PS3 style slideshow in the web browser.
Polaroid interactiu
An interactive demo that works pretty similar to multi touch interfície.
JS Fireworks
Enjoy the fireworks Moment with your preferred gravity and speed, powered by HTML5 and Javascript.
Calidoscopi
A very beatiful and futuristic HTML5 Kaleidoscope.
Liquid Particles
Sensitive particle animation que reacts basen upon your mouse movement.
Mesmerizer
Another sensitive and outstanding HTML5 demo that shows how propers elements react with you ratolí movement.
Núvol de nebulosa
Get lost with this wondrous HTML5 nebula.
Paralaje
View all 2D shapes in parallel perspective.
Animació de partícules
An elegant HTML5 particle animation que és per mitjà del teu preferred message.
Difondre
Get lost with this endless spread animation.
Starfield
A very cool HTML5 Starfield animation that would change direction and speed based on your mouse movement.
vídeo Destruction
One click to boom a playing vídeo.
Forma d'ona
Observi how HTML5 's canvas wave moves by altering its amplitude, wavelength, ample, etc.
Efecte 3D
Impressed by canvas animation? That 's more HTML5 s canvas element can do, and it' s called 3D effect. Developer can rely on canvas element, DOM and JavaScript to create 3D effect, which can later be developed into 3D animation or game.
Canvas3D and Flickr
Have a whole new 3D experience with Flickr 's photostream.
Simulació de tela
A realistic, HTML5-based cloth simulation.
Evolving Monster
Observi a monster Evolving into a complicated creature, one of its creator is HTML5.
Google Giftbox
Giant motor de cerca del Google is presented in 3D, playable view.
JS Touch
A high quality and realistic '3D on 2D Canvas' showcase.
Presentació de dades
While HTML5 's canvas element can be used to create animation and 3D effect, it can also be implemented to present mathematical data.
gnuplot
Gnuplot, a data Plotting application in HTML5 versió.
RGraph
RGraph proveeix wide range of data presentation like bar chart, progress bar and traditional radar chart.
Aplicació web
Ultimately, using all Possibilities combined by HTML5 and other Langauge, one can create serveis interactius application or game that 's close to Flash application.
CanvasPaint
Witness the brother of Microsoft Paint menges into your web browser, and his father is HTML5.
CanvasMol
A scientific application which is built to help you to understand certain earth element s structure.
Cartoon Builder
Draw interesting cartoon image with this minimal and interactive cartoon builder.
Drag Anything Here
Drag anything you can drag in the demo to show detalls.
Gartic Sketch
An original HTML5 application that Allows you to make some basic drawings that can be saved into different image format like jpeg or png.
PhysicSketch
Draw whatever you like and see how they react with simulated gravity.
Sketchpad
A powerful HTML5 drawing application that Enables you to draw and edit your image in the necessiti manner.
Petita xerrada
A web application that confirms geographical position of weather-related message acquired from Twitter, thus forming them into a canvas-based 'social weather' map, tregui trivial (as stated by author) but interesting.
Joc
3Bored
Heu de neure get nus per tal que vulgueu evadir hundreds of HTML5 bullets in next second.
Breakout
Rebound the ball to break all brics.
Canvascape
Not tregui a game, but it demonstrates how HTML5 can be used to develop First Person Shooting browser game.
catch It
How many balls can you Dodge to get your winning HTML5 square?
Reacció en cadena
Chain the explosió to ACHIEVE the goal, do not get addicted.
Cubeout
Play Tetris en 3D, top-down view.
etchaPhysics
Draw item to move the ball to the star, do not forget about the gravity.
Trencaclosques
Click, rotate and drop puzle pieces to solve this HTML5-based jigsaw puzzle.
Trencaclosques de diapositives
Slide to the victory, another HTML5 game that 's built to squeeze your mind juice.
Mateix Joc
Remove certain group to get another group Paired in same color and you would eventually be Awarded a victory.
Tetris
One of the most classic game Brought back to life by HTML5.
torus
Yet another Tetris game in pseudo-3D versió.
EL TETRIS NO VA JO POSO DUES PECES I ES QUEDA ATURAT PERÒ LA RESTA ÉS MOLT CHULO XAVALS
A mi m'encanta aquesta pàgina ... menys el primer joc. Et vull Fran =)
Chao XNUMX kiss a toooodooooooo el món
Increible, espectacular. No puc creure el molt q ha avançat el desenvolupament per a web!
No perquè li atribueixen aquests recursos a HTML5, això és pur Javascript, abans de l'auge de Flash, amb el Javascript es podien fer totes aquestes coses, hi havia un estudi de Barcelona que cap a uns llocs que en l'epoca em van volar el cap, tots en javascript, tant que va aprendre d'ells i dissenyi un parell amb boles que rebotaven i tot, els va perdre per complet i fins i tot em sap greu. No recordo el nom de l'estudi era alguna cosa com you2 o 2you2 això va ser al 98 mes o menys.
Joe Vega ...... es nota que no tens ni punyetera idea d'HTML5 ... .lol
És possible que no tingui cap punyetera idea de html5, és cert, però vostès confonen el gall amb el galliner i no diferencien un llenguatge d'un entorn. Els desafiament a que realitzin algun exemple com els que estan aquí sense fer servir Javascript, només amb html5, i entendran el que vaig voler dir en el post que em van esborrar. És mes, vaig estar veient el codi font dels exemples i hi ha diversos que tranquil·lament es poden fer sense necessitat de muntar-sobre html5.
Que html5 porta moltíssimes millores i coses que faciliten molt és cert, però els llorers del fantàstic que es mostra en aquesta pàgina és Javascript.
M'interessa realitzar presentacions d'aquest tipus ... tenes algun tutorial o pàgina amb recursos ??? gràcies !!!