Ik gebruik dit bericht om een vraag te beantwoorden die je onlangs hebt gesteld in de commentaren van een artikel:
Wanneer is een goed moment om volledig met HTML5 te gaan ontwerpen?
Nou, eerlijk gezegd hangt het af van het doelwit dat u target. Als u niet van plan bent dat uw bezoekers Internet Explorer gebruiken (bijvoorbeeld: Mac-softwarepagina), begin dan meteen met HTML5, maar als u mensen met IE nodig heeft om uw website te zien, kunt u beter wachten ...
Bij de ingang, ruim na de sprong 48 demo's van HTML5 die geweldig zijn en het verdienen om gezien te worden. Groot is klein.
Bron | HongKiat
audioburst-animatie
Een comfortabele en fantastische animatie gemaakt met HTML5's canvas en audiotag.
Ballenbad
Deze demo, die werd getoond tijdens het laatste Google I / O-evenement, laat zien hoe dynamisch HTML5 kan zijn.
blob sallad
Een door HTML5 voortgebracht wezen dat je zou plezieren.
bomomo
Met Bomomo kun je verschillende atomaire bewegingen observeren die zijn gesimuleerd met HTML5.
Browserbal
Sta versteld van deze 'cross-browser' HTML5-bal.
Bubbles
Veel plezier door eindeloze zwevende bubbels met verschillende kleuren te maken.
Canvas Cartoon-animatie
Een eenvoudige en grappige HTML5-cartoon die u helpt te begrijpen wat het canvas-element van HTML5 kan doen.
coole klok
Een mooie, aanpasbare analoge klok gebouwd door HTML5 en JavaScript.
Flickr PS3-diavoorstelling
Bekijk de foto's van je Flickr met een diavoorstelling in PS3-stijl in de webbrowser.
Interactieve Polaroid
Een interactieve demo die vergelijkbaar is met een multi-touch-interface.
JS Vuurwerk
Geniet van het vuurwerkmoment met uw favoriete zwaartekracht en snelheid, mogelijk gemaakt door HTML5 en Javascript.
Kaleidoscope
Een zeer mooie en futuristische HTML5-caleidoscoop.
Vloeibare deeltjes
Gevoelige deeltjesanimatie die reageert op basis van uw muisbeweging.
Betoveraar
Nog een gevoelige en uitstekende HTML5-demo die laat zien hoe nabijgelegen elementen reageren met uw muisbewegingen.
Nevelwolk
Verdwaal in deze wonderbaarlijke HTML5-nevel.
Parallax
Bekijk alle 2D-vormen in parallel perspectief.
Deeltjesanimatie
Een elegante HTML5-deeltjesanimatie die kan worden omgezet in uw favoriete bericht.
Verspreiden
Verdwaal met deze eindeloze spread-animatie.
starfield
Een erg coole HTML5 starfield-animatie die van richting en snelheid zou veranderen op basis van je muisbeweging.
Video vernietiging
Een klik om een video af te spelen.
Waveform
Merk op hoe de canvasgolf van HTML5 beweegt door de amplitude, golflengte, breedte enz. Te wijzigen.
3D-effect
Onder de indruk van canvasanimatie? Dat is meer dat het canvas-element van HTML5 kan doen, en het wordt 3D-effect genoemd. Ontwikkelaars kunnen vertrouwen op canvas-element, DOM en JavaScript om een 3D-effect te creëren, dat later kan worden ontwikkeld tot 3D-animatie of game.
Canvas3D en Flickr
Beleef een geheel nieuwe 3D-ervaring met de fotostream van Flickr.
Doeksimulatie
Een realistische, op HTML5 gebaseerde doeksimulatie.
Evoluerend Monster
Observeer een monster dat evolueert naar een gecompliceerd wezen, een van de makers ervan is HTML5.
google geschenkdoos
Gigantische zoekmachine Google wordt gepresenteerd in 3D, afspeelbare weergave.
J.S. Touch
Een hoogwaardige en realistische '3D op 2D Canvas' showcase.
Data presentatie
Hoewel het canvas-element van HTML5 kan worden gebruikt om animatie en 3D-effecten te creëren, kan het ook worden geïmplementeerd om wiskundige gegevens te presenteren.
gnuplot
Gnuplot, een applicatie voor het plotten van gegevens in HTML5-versie.
Rgrafiek
RGraph biedt een breed scala aan gegevenspresentaties, zoals een staafdiagram, voortgangsbalk en traditioneel radardiagram.
Web applicatie
Door gebruik te maken van alle mogelijkheden gecombineerd door HTML5 en andere talen, kan men uiteindelijk een interactieve applicatie of game maken die dicht bij de Flash-applicatie ligt.
CanvasVerf
Wees getuige van het feit dat de broer van Microsoft Paint in uw webbrowser komt, en zijn vader is HTML5.
CanvasMol
Een wetenschappelijke applicatie die is gebouwd om u te helpen de structuur van bepaalde aardelementen te begrijpen.
Cartoon bouwer
Teken een interessante cartoonafbeelding met deze minimale en interactieve cartoonbouwer.
Sleep alles hierheen
Sleep alles wat u kunt slepen in de demo om details weer te geven.
Gartic schets
Een originele HTML5-applicatie waarmee je enkele basistekeningen kunt maken die kunnen worden opgeslagen in verschillende afbeeldingsindelingen zoals jpeg of png.
FysischeSchets
Teken wat je maar wilt en kijk hoe ze reageren met gesimuleerde zwaartekracht.
schetsblok
Een krachtige HTML5-tekentoepassing waarmee u uw afbeelding op de precieze manier kunt tekenen en bewerken.
Koetjes en kalfjes
Een webapplicatie die de geografische positie van weergerelateerde berichten die van Twitter zijn verkregen, bevestigt en deze zo vormt tot een op canvas gebaseerde 'sociale weer'-kaart, vrij triviaal (zoals de auteur zegt) maar interessant.
Spel
3 Verveeld
Je zou je nooit vervelen als je in de volgende seconde honderden HTML5-kogels kunt ontwijken.
Uitbreken
Kaats de bal terug om alle stenen te breken.
canvasscape
Niet echt een spel, maar het laat zien hoe HTML5 kan worden gebruikt om First Person Shooting-browsergame te ontwikkelen.
Vang het
Hoeveel ballen kun je ontwijken om je winnende HTML5-vierkant te krijgen?
Chain Reaction
Ketting de explosie om het doel te bereiken, raak niet verslaafd.
cubeout
Speel Tetris in 3D, bovenaanzicht.
etcaNatuurkunde
Teken een item om de bal naar de ster te verplaatsen, vergeet de zwaartekracht niet.
Jigsaw Puzzle
Klik, draai en laat puzzelstukjes vallen om deze op HTML5 gebaseerde legpuzzel op te lossen.
Slide Puzzle
Schuif naar de overwinning, nog een HTML5-game die is gemaakt om je geestesap te persen.
Hetzelfde spel
Verwijder een bepaalde groep om een andere groep in dezelfde kleur te koppelen en je zou uiteindelijk een overwinning krijgen.
Tetris
Een van de meest klassieke games die door HTML5 weer tot leven is gebracht.
Torus
Nog een ander Tetris-spel in pseudo-3D-versie.
DE TETRIS GAAT NIET, IK ZET TWEE STUKS OP EN BLIJF MAAR DE REST IS ZEER COOL CHAVALES
Ik hou van deze pagina ... behalve de eerste game. Ik hou van je Fran =)
Dag een kus voor de wereld toooodooooooo
Ongelofelijk, spectaculair. Ik kan niet geloven hoe ver webontwikkeling is gekomen!
Ik weet niet waarom deze bronnen worden toegeschreven aan HTML5, dit is puur Javascript, vóór de opkomst van Flash, met Javascript konden al deze dingen worden gedaan, er was een studie in Barcelona die een aantal sites maakte die destijds in mijn hoofd bliezen, allemaal in javascript zoveel dat ik van ze heb geleerd en een paar ontwierp met stuiterende ballen en zo, ik ben ze volledig kwijtgeraakt en heb er nog steeds spijt van. Ik herinner me de naam van de studio niet, het was zoiets als you2 of 2you2 dat was in 98 of zo.
Joe Vega …… het laat zien dat je geen idee hebt van HTML5… .lol
Je hebt misschien geen enkele html5-aanwijzing, het is waar, maar jullie verwarren de haan met het kippenhok en maken geen onderscheid tussen een taal en een omgeving. Ik daag je uit om een voorbeeld zoals hier te doen zonder Javascript te gebruiken, alleen met html5, en je zult begrijpen wat ik bedoelde in het bericht dat ik heb verwijderd. Wat meer is, ik heb naar de broncode van de voorbeelden gekeken en er zijn er verschillende die gemakkelijk kunnen worden gedaan zonder deze op html5 te hoeven mounten.
Dat html5 veel verbeteringen brengt en dingen die veel vergemakkelijken, is waar, maar de lauweren van het fantastische dat op deze pagina wordt getoond, is Javascript.
Ik ben geïnteresseerd in het maken van presentaties van dit type ... heb je een tutorial of pagina met bronnen ??? Dank je!!!