Jeg tar dette innlegget for å svare på et spørsmål du nylig stilte i kommentarene til en artikkel:
Når er det et godt tidspunkt å begynne å designe fullt ut med HTML5?
Helt ærlig, det kommer an på målet du målretter mot. Hvis du ikke planlegger at de besøkende skal bruke Internet Explorer (f.eks. Mac-programvaresiden), så start med en gang med HTML5, men hvis du trenger folk med IE for å se nettstedet ditt, må du vente ...
Ved inngangen, langt etter hoppet, var det 48 demoer av HTML5 som er fantastiske og fortjener å bli sett. Stor er liten.
Kilde | HongKiat
audioburst Animasjon
En behagelig og fantastisk animasjon laget med HTML5s lerret og lydmerke.
Ballbasseng
Å bli presentert i den siste Google I / O-hendelsen, viser denne demoen hvor dynamisk HTML5 kan være.
Klump salat
En HTML5-gyte skapning som vil glede deg.
bomomo
Med Bomomo kan du observere forskjellige atombevegelser simulert med HTML5.
Nettleserball
Bli overrasket med denne 'cross-browser' HTML5-ballen.
Bubbles
Ha det gøy ved å lage endeløse flytende bobler med forskjellige farger.
Lerret tegneserie animasjon
En enkel og morsom HTML5-tegneserie som hjelper deg å forstå hva HTML5s lerretelement kan gjøre.
Coolklokke
En fin, tilpassbar analog klokke bygget av HTML5 og JavaScript.
Flickr PS3 Lysbildefremvisning
Se Flickrs bilder med lysbildefremvisning i PS3-stil i nettleseren.
Interaktiv Polaroid
En interaktiv demo som fungerer ganske likt multi touch-grensesnitt.
JS Fyrverkeri
Nyt fyrverkeriøyeblikket med din foretrukne tyngdekraft og hastighet, drevet av HTML5 og Javascript.
Kaleidoscope
Et veldig vakkert og futuristisk HTML5-kalejdoskop.
Flytende partikler
Sensitiv partikkelanimasjon som reagerer basert på musebevegelsen.
hypnotiserende
En annen sensitiv og enestående HTML5-demo som viser hvordan nærliggende elementer reagerer med musebevegelsen.
Skytåken
Gå deg vill med denne vidunderlige HTML5-tåken.
Parallax
Se alle 2D-figurer i parallelt perspektiv.
Partikkelanimasjon
En elegant HTML5-partikkelanimasjon som kan danne din favorittmelding.
Spre
Gå deg vill med denne endeløse spredningsanimasjonen.
Star
En veldig kul HTML5 starfield-animasjon som vil endre retning og hastighet basert på musebevegelsen.
Ødeleggelse av video
Ett klikk for å bom en video som spilles.
Waveform
Legg merke til hvordan HTML5s lerretbølge beveger seg ved å endre amplitude, bølgelengde, bredde osv.
3D Effekt
Imponert av lerretanimasjon? Det er mer HTML5s lerretelement kan gjøre, og det kalles 3D-effekt. Utvikler kan stole på lerretelement, DOM og JavaScript for å skape 3D-effekt, som senere kan utvikles til 3D-animasjon eller spill.
Canvas3D og Flickr
Få en helt ny 3D-opplevelse med Flickrs fotostream.
Tøy simulering
En realistisk, HTML5-basert tøysimulering.
Utviklende monster
Observer et monster som utvikler seg til en komplisert skapning, en av skaperne er HTML5.
Google gaveeske
Kjempesøkemotoren Google presenteres i 3D, spillbar visning.
J.S. Touch
Et realistisk '3D on 2D Canvas' utstillingsvindu av høy kvalitet.
Datapresentasjon
Mens HTML5s lerretelement kan brukes til å lage animasjon og 3D-effekt, kan det også implementeres for å presentere matematiske data.
gnuplot
Gnuplot, et dataplottingsprogram i HTML5-versjon.
RGraph
RGraph tilbyr et bredt spekter av datapresentasjoner som stolpediagram, fremdriftslinje og tradisjonelt radardiagram.
Web-applikasjon
Til slutt, ved å bruke alle muligheter kombinert av HTML5 og annet språk, kan man lage interaktivt program eller spill som er nær Flash-applikasjon.
CanvasMaling
Vitne broren til Microsoft Paint kommer inn i nettleseren din, og faren hans er HTML5.
CanvasMol
En vitenskapelig applikasjon som er bygget for å hjelpe deg med å forstå visse jordelements strukturer.
Tegneseriebygger
Tegn interessant tegneseriebilde med denne minimale og interaktive tegneseriebyggeren.
Dra noe her
Dra alt du kan dra i demoen for å vise detaljer.
Gartisk skisse
Et originalt HTML5-program som lar deg lage noen grunnleggende tegninger som kan lagres i forskjellige bildeformater som jpeg eller png.
PhysicalSketch
Tegn hva du vil og se hvordan de reagerer med simulert tyngdekraft.
tegneblokk
Et kraftig HTML5-tegningsprogram som lar deg tegne og redigere bildet ditt på en presis måte.
Småprat
En webapplikasjon som bekrefter geografisk plassering av værrelatert melding som er hentet fra Twitter, og dermed danner dem til et lerretbasert 'sosialværskart', ganske trivielt (som forfatteren har uttalt) men interessant.
Spill
3 lei
Du vil aldri kjede deg hvis du kan fortsette å unngå hundrevis av HTML5-kuler i neste sekund.
Bryte ut
Trekk ballen tilbake for å bryte alle mursteinene.
canvasscape
Ikke helt et spill, men det demonstrerer hvordan HTML5 kan brukes til å utvikle First Person Shooting nettleserspill.
Ta imot
Hvor mange baller kan du unnvike for å få din vinnende HTML5-firkant?
Chain Reaction
Kjed eksplosjonen for å oppnå målet, ikke bli avhengig.
kubeut
Spill Tetris i 3D, ovenfra og ned.
etchaFysikk
Tegn gjenstand for å flytte ballen til stjernen, ikke glem tyngdekraften.
Jigsaw Puzzle
Klikk, roter og slipp puslespillbiter for å løse dette HTML5-baserte puslespillet.
Slide Puzzle
Skyv til seier, et annet HTML5-spill som er bygget for å presse tankene dine.
Samme spill
Fjern en bestemt gruppe for å få en annen gruppe i samme farge, og du vil til slutt bli tildelt en seier.
Tetris
Et av de mest klassiske spillene som HTML5 gir liv til.
torus
Nok et Tetris-spill i pseudo-3D-versjon.
TETRIS GÅR IKKE, JEG Setter TO STYKKER I OG STÅR, MEN RESTEN ER VELDIG KJOLE CHAVALES
Jeg elsker denne siden ... bortsett fra det første spillet. Jeg elsker deg Fran =)
Farvel et kyss til verden foroodooooooo
Utrolig, spektakulært. Jeg kan ikke tro hvor langt webutvikling har kommet!
Jeg vet ikke hvorfor disse ressursene tilskrives HTML5, dette er rent Javascript, før Flash-fremveksten, med Javascript kunne alle disse tingene gjøres, det var en studie i Barcelona som gjorde noen nettsteder som på den tiden blåste hodet mitt, alt i javascript så mye at jeg lærte av dem og designet et par med sprettkuler og alt, jeg mistet dem helt og angrer fortsatt. Jeg husker ikke navnet på studioet, det var noe som you2 eller 2you2 som var i 98 eller så.
Joe Vega ... det viser at du ikke har noen jævla ide om HTML5 ... .lol
Du har kanskje ikke en blodig html5-ide, det er sant, men dere feiler hane for kyllingehuset og skiller ikke et språk fra et miljø. Jeg utfordrer deg til å lage et eksempel som de her uten å bruke Javascript, bare med html5, og du vil forstå hva jeg mente i innlegget jeg slettet. I tillegg har jeg sett på kildekoden til eksemplene, og det er flere som enkelt kan gjøres uten å montere den over html5.
At html5 gir mange forbedringer og ting som letter mye er sant, men laurbærene til den fantastiske tingen som vises på denne siden er Javascript.
Jeg er interessert i å lage presentasjoner av denne typen ... har du en tutorial eller side med ressurser ??? Takk skal du ha!!!