Jeg tager dette indlæg for at besvare et spørgsmål, du for nylig stillede i kommentarerne til en artikel:
Hvornår er et godt tidspunkt at begynde at designe fuldt ud med HTML5?
Helt ærligt afhænger det af det mål, du målretter mod. Hvis du ikke planlægger, at dine besøgende skal bruge Internet Explorer (f.eks. Mac-softwareside), skal du straks starte med HTML5, men hvis du har brug for folk med IE for at se dit websted, må du hellere vente ...
Om indgangen godt efter springet 48 demoer af HTML5, der er fantastiske og fortjener at blive set. Fantastisk er lille.
Kilde | HongKiat
audioburst animation
En behagelig og fantastisk animation oprettet med HTML5's lærred og lydtag.
Boldpool
At blive fremvist i den sidste Google I / O-begivenhed, viser denne demo dig, hvor dynamisk HTML5 kan være.
Klat Sallad
En HTML5-skabt væsen, der vil behage dig.
bomomo
Med Bomomo kan du observere forskellige atombevægelser simuleret med HTML5.
Browserbold
Bliv forbløffet med denne 'cross-browser' HTML5-kugle.
Bubbles
Hav det sjovt ved at skabe uendelige flydende bobler med forskellige farver.
Canvas tegneserie animation
En enkel og sjov HTML5-tegneserie, der hjælper dig med at forstå, hvad HTML5s lærredselement kan gøre.
coolclock
Et flot, tilpassbart analogt ur bygget af HTML5 og JavaScript.
Flickr PS3 diasshow
Se dine Flickrs fotos med PS3-stil diasshow i webbrowseren.
Interaktiv Polaroid
En interaktiv demo, der fungerer stort set lig multi-interface.
JS Fyrværkeri
Nyd fyrværkeri øjeblikket med din foretrukne tyngdekraft og hastighed, drevet af HTML5 og Javascript.
Kaleidoscope
Et meget smukt og futuristisk HTML5 kalejdoskop.
Flydende partikler
Følsom partikelanimation, der reagerer baseret på din musebevægelse.
hypnotiserende
En anden følsom og enestående HTML5-demo, der viser, hvordan nærliggende elementer reagerer med din musebevægelse.
Skytåge
Gå vild med denne vidunderlige HTML5-tåge.
Parallax
Se alle 2D-figurer parallelt.
Partikelanimation
En elegant HTML5-partikelanimation, der kan danne din foretrukne besked.
Spred
Gå vild med denne endeløse spredte animation.
starfield
En meget cool HTML5 starfield animation, der ville ændre retning og hastighed baseret på din musebevægelse.
Videodestruktion
Et klik for at boom en afspilningsvideo.
Bølgeform
Læg mærke til, hvordan HTML5s lærredbølge bevæger sig ved at ændre dens amplitude, bølgelængde, bredde osv.
3D-effekt
Imponeret af lærred animation? Det er mere HTML5's lærredselement kan gøre, og det kaldes 3D-effekt. Udvikler kan stole på lærredselement, DOM og JavaScript for at skabe 3D-effekt, som senere kan udvikles til 3D-animation eller spil.
Canvas3D og Flickr
Få en helt ny 3D-oplevelse med Flickrs fotostream.
Tøjsimulering
En realistisk HTML5-baseret kludsimulering.
Udviklende monster
Overhold et monster, der udvikler sig til en kompliceret væsen, en af dens skabere er HTML5.
Google gaveæske
Kæmpe søgemaskine Google præsenteres i 3D, afspilelig visning.
J.S. Touch
En høj kvalitet og realistisk '3D on 2D Canvas' udstillingsvindue.
Data Præsentation
Mens HTML5s lærredselement kan bruges til at skabe animation og 3D-effekt, kan det også implementeres for at præsentere matematiske data.
gnuplot
Gnuplot, en dataplotting-applikation i HTML5-version.
RGraph
RGraph giver en bred vifte af datapræsentationer som søjlediagram, statuslinje og traditionelt radardiagram.
Webapplikation
I sidste ende bruger man alle muligheder kombineret med HTML5 og andet sprog, man kan oprette interaktivt program eller spil, der er tæt på Flash-applikationen.
CanvasMaling
Vidne til broren til Microsoft Paint kommer ind i din webbrowser, og hans far er HTML5.
CanvasMol
En videnskabelig applikation, der er bygget til at hjælpe dig med at forstå bestemte jordelements struktur.
Tegneseriebygger
Tegn interessant tegneseriebillede med denne minimale og interaktive tegneseriebygger.
Træk noget herhen
Træk alt, hvad du kan trække i demoen for at vise detaljer.
Gartisk skitse
Et originalt HTML5-program, der giver dig mulighed for at lave nogle grundlæggende tegninger, der kan gemmes i forskellige billedformater som jpeg eller png.
Fysisk skitse
Tegn hvad du vil og se, hvordan de reagerer med simuleret tyngdekraft.
Sketchpad
Et kraftfuldt HTML5-tegningsprogram, der giver dig mulighed for at tegne og redigere dit billede på den nøjagtige måde.
Small talk
En webapplikation, der bekræfter geografisk placering af vejrrelateret besked erhvervet fra Twitter, og dermed danner dem til et lærredbaseret 'socialt vejr' kort, ganske trivielt (som angivet af forfatteren) men interessant.
Vildt
3Kedelig
Du vil aldrig kede dig, hvis du kan fortsætte med at undgå hundreder af HTML5-kugler i næste sekund.
Udbrud
Sving bolden tilbage for at bryde alle mursten.
lærredslandskab
Ikke helt et spil, men det viser, hvordan HTML5 kan bruges til at udvikle First Person Shooting browserspil.
Fang det
Hvor mange bolde kan du undvige for at få din vindende HTML5-firkant?
Chain Reaction
Kæd eksplosionen for at nå målet, bliv ikke afhængig.
cubeout
Spil Tetris i 3D, set ovenfra og ned.
etchaFysics
Tegn element for at flytte bolden til stjernen, glem ikke tyngdekraften.
Jigsaw Puzzle
Klik, roter og slip puslespil for at løse dette HTML5-baserede puslespil.
Slide Puzzle
Skub til sejr, et andet HTML5-spil, der er bygget til at presse din sindssaft.
Samme spil
Fjern en bestemt gruppe for at få en anden gruppe parret i samme farve, og du vil til sidst blive tildelt en sejr.
Tetris
Et af de mest klassiske spil bragt tilbage til livet af HTML5.
Torus
Endnu et Tetris-spil i pseudo-3D-version.
TETRIS GÅR IKKE, JEG sætter to stykker på og bliver, men resten er meget kølige karavaler
Jeg elsker denne side ... undtagen det første spil. Jeg elsker dig Fran =)
Farvel et kys til verden foroodooooooo
Utrolig, spektakulær. Jeg kan ikke tro, hvor langt webudvikling er kommet!
Jeg ved ikke, hvorfor disse ressourcer tilskrives HTML5, dette er rent Javascript, før Flash opstod, med Javascript kunne du gøre alle disse ting, der var en undersøgelse i Barcelona, der lavede nogle steder, der på det tidspunkt sprang mig i tankerne, alt i javascript så meget, at jeg lærte af dem og designet et par med hoppende bolde og alt, jeg mistede dem fuldstændigt og fortryder det stadig. Jeg kan ikke huske navnet på studiet, det var noget som you2 eller 2you2, der var i 98 eller deromkring.
Joe Vega ... det viser, at du ikke har nogen idé om HTML5 ... .lol
Du har muligvis ikke nogen blodig html5-idé, det er sandt, men du forveksler hane med hønsegården og adskiller ikke et sprog fra et miljø. Jeg udfordrer dig til at lave et eksempel som dem her uden at bruge Javascript, kun med html5, og du vil forstå, hvad jeg mente i det indlæg, jeg slettede. Hvad mere er, jeg har kigget på kildekoden til eksemplerne, og der er flere, der let kan gøres uden at skulle montere den på html5.
At html5 bringer mange forbedringer, og ting, der letter meget, er sandt, men laurbærene til den fantastiske ting, der vises på denne side, er Javascript.
Jeg er interesseret i at holde præsentationer af denne type ... har du en tutorial eller side med ressourcer ?? tak!!!