S to objavo rešim vprašanje, ki ste ga nedavno postavili v komentarjih članka:
Kdaj je pravi čas, da začnete v celoti oblikovati s HTML5?
No, iskreno, odvisno je od cilja, ki ga ciljate. Če ne nameravate, da bi obiskovalci uporabljali Internet Explorer (npr .: stran s programsko opremo Mac), takoj začnite s HTML5, če pa za ogled vašega spletnega mesta potrebujejo ljudi z IE, raje počakajte ...
Ob vstopu, že po skoku 48 predstavitev HTML5, ki so neverjetne in si zaslužijo ogled. Super je malo.
Vir | HongKiat
audioburst Animacija
Udobna in fantastična animacija, ustvarjena s platnom in zvočno oznako HTML5.
Bazen z žogo
Ta predstavitev je bila predstavljena na zadnjem Googlovem vhodno / izhodnem dogodku in vam pokazala, kako dinamičen je lahko HTML5.
Blob salata
Bitje, ki ga je ustvaril HTML5, ki bi vam bilo všeč.
bomomo
Z Bomomo lahko opazujete različna atomska gibanja, simulirana s HTML5.
Brskalniška žoga
Presenetite se s to kroglo HTML5 v "brskalniku".
Bubbles
Zabavajte se z ustvarjanjem neskončnih plavajočih mehurčkov z različnimi barvami.
Canvas Cartoon Animacija
Preprosta in smešna risanka HTML5, ki vam pomaga razumeti, kaj lahko naredi element platna HTML5.
Kul ura
Lepa, prilagodljiva analogna ura, ki sta jo zgradila HTML5 in JavaScript.
Diaprojekcija Flickr PS3
Oglejte si fotografije svojega Flickrja s diaprojekcijo v slogu PS3 v spletnem brskalniku.
Interaktivni polaroid
Interaktivni demo, ki deluje podobno kot vmesnik z več dotiki.
JS ognjemet
Uživajte v ognjemetu z želeno težo in hitrostjo, ki jo poganjata HTML5 in Javascript.
Kaleidoscope
Zelo lep in futurističen kalejdoskop HTML5.
Tekoči delci
Občutljiva animacija delcev, ki reagira na podlagi premikanja miške.
mesmerizer
Še ena občutljiva in izjemna predstavitev HTML5, ki prikazuje, kako se elementi v bližini odzivajo na premikanje miške.
Meglica oblak
Izgubite se s to čudovito meglico HTML5.
Parallax
Oglejte si vse 2D oblike v vzporedni perspektivi.
Animacija delcev
Elegantna animacija delcev HTML5, ki se lahko oblikuje v vaše želeno sporočilo.
Širjenje
Izgubite se s to neskončno razširjeno animacijo.
Starfield
Zelo kul animacija HTML5 starfield, ki bi spreminjala smer in hitrost glede na premikanje miške.
Video uničenje
Z enim klikom povečate predvajani video.
Valovna oblika
Upoštevajte, kako se platneni val HTML5 premika s spreminjanjem njegove amplitude, valovne dolžine, širine itd.
Učinek 3D
Ste navdušeni nad platneno animacijo? To lahko več naredi element platna HTML5 in se imenuje 3D učinek. Razvijalec se lahko zanese na element platna, DOM in JavaScript za ustvarjanje 3D učinka, ki ga je kasneje mogoče razviti v 3D animacijo ali igro.
Canvas3D in Flickr
Izkusite povsem novo 3D izkušnjo s Flickr-jevim fototokom.
Simulacija krpe
Realistična simulacija krpe na osnovi HTML5.
Razvijajoča se pošast
Opazujte pošast, ki se razvija v zapleteno bitje, eden od njenih ustvarjalcev je HTML5.
Google Gift Box
Ogromen iskalnik Google je predstavljen v 3D, predvajanem pogledu.
J.S. Dotik
Visokokakovostna in realistična vitrina "3D na 2D platnu".
Predstavitev podatkov
Element platna HTML5 lahko uporabimo za ustvarjanje animacije in 3D učinka, lahko pa ga uporabimo tudi za predstavitev matematičnih podatkov.
gnuplot
Gnuplot, aplikacija za načrtovanje podatkov v različici HTML5.
RGraph
RGraph ponuja široko paleto predstavitev podatkov, kot so stolpčni grafikon, vrstica napredka in tradicionalni radarski grafikon.
Spletna aplikacija
Na koncu lahko z uporabo vseh možnosti, ki jih kombinirajo HTML5 in drugi jeziki, ustvarimo interaktivno aplikacijo ali igro, ki je blizu aplikaciji Flash.
CanvasPaint
Pričajte, da v vaš spletni brskalnik vstopi brat Microsoft Painta, njegov oče pa je HTML5.
CanvasMol
Znanstvena aplikacija, ki vam pomaga razumeti zgradbo določenih elementov zemlje.
Graditelj risank
S tem minimalnim in interaktivnim ustvarjalcem risb narišite zanimivo risano sliko.
Povlecite karkoli sem
Povlecite vse, kar lahko povlečete v predstavitvi, da prikažete podrobnosti.
Gratična skica
Izvirna aplikacija HTML5, ki omogoča izdelavo nekaterih osnovnih risb, ki jih lahko shranite v drugačno obliko slike, kot sta jpeg ali png.
PhysicalSketch
Narišite, kar vam je všeč, in poglejte, kako se odzovejo s simulirano gravitacijo.
Sketchpad
Zmogljiva aplikacija za risanje HTML5, ki vam omogoča natančno risanje in urejanje slike.
Majhen pogovor
Spletna aplikacija, ki potrjuje geografsko lego vremenskih sporočil, pridobljenih s strani Twitterja, in jih tako oblikuje v zemljevid "socialnega vremenskega" zemljevida, precej nepomembnega (kot navaja avtor), a zanimivega.
Game
3 Dolgčas
Nikoli vam ne bi bilo dolgčas, če se boste lahko v naslednji sekundi izognili na stotine oznak HTML5.
Izbruh
Odbijte žogo, da razbijete vse opeke.
canvasscape
Ni povsem igra, vendar prikazuje, kako lahko HTML5 uporabimo za razvoj brskalne igre First Person Shooting.
Ujemi
Koliko kroglic se lahko izognete, da dobite svoj zmagovalni kvadrat HTML5?
Chain Reaction
Veriga eksplozije za dosego cilja, ne bodite zasvojeni.
Izrez
Igrajte Tetris v 3D, od zgoraj navzdol.
etchaPhysics
Narišite element, da premaknete žogo do zvezde, ne pozabite na gravitacijo.
Jigsaw Puzzle
Kliknite, zavrtite in spustite koščke sestavljanke, da razrešite to sestavljanko, ki temelji na HTML5.
Slide Puzzle
Drsite do zmage, še ena igra HTML5, ki je zasnovana tako, da vam stisne miselni sok.
Ista igra
Odstranite določeno skupino, da dobite drugo skupino v isti barvi in sčasoma boste prejeli zmago.
Tetris
Ena najbolj klasičnih iger, ki jo je HTML5 oživil.
torus
Še ena igra Tetris v psevdo-3D različici.
TETRIS NE GRE, VNOSIM DVA KOSA IN STOJI, PA POČITEK SO ZELO HLADNI ČAVALI
Obožujem to stran ... razen prve igre. Ljubim te Fran =)
Adijo poljub na svet prevečooooooooo
Neverjetno, spektakularno. Ne morem verjeti, kako daleč je prišel spletni razvoj!
Ne vem, zakaj se ti viri pripisujejo HTML5, to je čisti Javascript, pred vzponom Flash-a, z Javascriptom ste lahko počeli vse te stvari, v Barceloni je bila raziskava, ki je naredila nekatera spletna mesta, ki so mi takrat padla v glavo, vse v javascriptu toliko, da sem se naučil od njih in oblikoval par z odskočnimi kroglicami in vse, popolnoma sem jih izgubil in še vedno obžalujem. Ne spomnim se imena studia, to je bilo nekaj takega kot ti2 ali 2i2, to je bilo leta 98 ali približno tako.
Joe Vega ... ... kaže, da nimaš nobene ideje o HTML5 ... .lol
Morda nimate kakšne krvave ideje o html5, res je, vendar petelina zamenjate s kokošnjakom in jezika ne ločite od okolice. Izzivam vas, da naredite primer, kakršen je tukaj, brez uporabe Javascripta, samo s html5, in razumeli boste, kaj sem mislil v objavi, ki sem jo izbrisal. Še več, gledal sem izvorno kodo primerov in obstaja nekaj, ki jih je mogoče enostavno narediti, ne da bi jih pritrdili na html5.
Res je, da html5 prinaša številne izboljšave in stvari, ki veliko olajšajo, toda lovorika fantastične stvari, ki je prikazana na tej strani, je Javascript.
Zanimajo me predstavitve te vrste ... ali imate vadnico ali stran z viri ?? Hvala vam!!!