Iidemo ezingama-48 ze-HTML5 / CSS3

Ndithatha le posi ukuphendula umbuzo owubuzileyo kutshanje kwizimvo zenqaku:

Leliphi ixesha elifanelekileyo lokuqala ukuyila ngokupheleleyo nge-HTML5?

Ewe, inyani, ixhomekeke kwithagethi ojolise kuyo. Ukuba awucwangcisi ukuba iindwendwe zakho zisebenzise i-Intanethi Explorer (umzekelo: iphepha lesoftware ye-Mac) qala kwangoko nge-HTML5, kodwa ukuba ufuna abantu abane-IE ukubona iwebhusayithi yakho, kungcono ulinde ...

Ekungeneni, emva kokutsiba kweedemo ezingama-48 ze-HTML5 ezimangalisayo kwaye kufanelekile ukuba zibonwe. Kukhulu kuncinci.

Imvelaphi | HongKiat

aoopopayi udioburst

Oopopayi abonwabileyo nabamnandi abenziwe nge-canvas ye-HTML5 kunye nethegi yeaudiyo.

IPhuli yeBhola

Ukubonakaliswa kwisiganeko sokugqibela se-I / O sikaGoogle, le demo ikubonisa ukuba unamandla kangakanani kwi-HTML5.

IBlob Sallad

Isidalwa esine-HTML5 esiza kukonwabisa.

bomomo

NgeBomomo, unokujonga intshukumo eyahlukileyo ye-athomu eyenziwe nge-HTML5.

Ibhola yesikhangeli

Yimangaliswe yile 'cross-browser' yebhola ye-HTML5.

Iibhubhu

Yonwaba ngokwenza amaqamza adadayo angapheliyo ngombala owahlukileyo.

Oopopayi beCanvas Cartoon

Ikhathuni elula nehlekisayo ye-HTML5 ekunceda ukuba uqonde ukuba yeyiphi into ye-HTML5 ye-canvas engenza ntoni.

Ukuphola

Iwotshi emnandi, enokwenziwa ngokwezifiso ye-analog eyakhiwe yi-HTML5 kunye neJavaScript.

Flickr PS3 Umboniso wesilayidi

Jonga iifoto zakho zeFlickr ngesitayile esibonisa indlela yesilayidi kwisikhangeli sewebhu.

Ukudibana kwePolaroid

Idemo yokusebenzisana esebenza ngokufanayo kunxibelelwano oluninzi lokuchukumisa.

Umsebenzi weJS Fireworks

Yonwabela okomlilo okomzuzwana ngomxhuzulane owuthandayo kunye nesantya, ixhaswe yi-HTML5 kunye neJavascript.

Kaleidoscope

I-kaleidoscope eyoyikekayo kunye nekamva le-HTML5.

Amasuntswana olwelo

Imiboniso bhanyabhanya enovakalelo ephendula ngokusekwe kwimouse yakho.

Ummisi

Enye idemo ebuthathaka kunye nebalaseleyo ye-HTML5 ebonisa indlela izinto ezikufutshane ezisabela ngayo kunye nokuhamba kwemouse.

Cloud Nebula

Yilahleko ngale ndawo imangalisayo ye-HTML5 nebula.

Parallax

Jonga zonke iimilo ze-2D ngendlela efanayo.

Particle oopopayi

Imifanekiso bhanyabhanya ye-HTML5 entle enokuthi yenze umyalezo owuthandayo.

sasaza

Yilahleko ngalo mfanekiso usasazekayo.

Starfield

Indawo epholileyo ye-HTML5 ye-starfield oopopayi oya kutshintsha ulwalathiso kunye nesantya esekwe kwimouse yakho.

Ukutshatyalaliswa kweVidiyo

Unqakrazo olunye ukwenza ividiyo edlalayo.

Amandla

Qaphela indlela i-HTML5's wave wave ehamba ngayo ngokutshintsha ubungakanani bayo, ubude bayo, ububanzi, njl.

Isiphumo se3D

Ngaba uchukumisekile yimifanekiso ye-canvas? Izinto ezingaphezulu ze-canvas ze-HTML5 zinokuyenza, kwaye ibizwa ngokuba yimpembelelo ye-3D. Umphuhlisi unokuxhomekeka kwinto ye-canvas, i-DOM kunye neJavaScript ukwenza umphumo we-3D, onokuthi kamva uphuhle ube ngumfanekiso we-3D okanye umdlalo.

I-Canvas3D kunye neFlickr

Unamava amatsha e3D ngeFlickr's photostream.

Ukulinganisa kwelaphu

Ukulinganisa okwenyani, okusekwe kwi-HTML5.

Ukuguquka kweMonster

Jonga i-monster eguqukayo ibe sisidalwa esintsonkothileyo, enye yomdali wayo yi-HTML5.

Ibhokisi yezipho zikaGoogle

Injini yokukhangela enkulu uGoogle uzisiwe kwi-3D, umbono odlalayo.

JS Chukumisa

Umgangatho ophezulu kunye ne-3D ebonakalayo kwi-2D Canvas '.

Ukwaziswa kwedatha

Ngelixa into ye-canvas ye-HTML5 inokusetyenziselwa ukwenza oopopayi kunye nefuthe le-3D, inokuphunyezwa ukubonisa idatha yemathematics.

ignuplot

IGnuplot, isicelo sokuyila idatha kuhlobo lwe-HTML5.

RGraph

I-RGraph ibonelela ngeendlela ezahlukeneyo zokubonisa idatha njengetshathi yebha, ibha yenkqubela phambili kunye neetshathi zedatha yemveli.

Isicelo sewebhu

Ekugqibeleni, usebenzisa onke amathuba adityaniswe yi-HTML5 kunye nezinye iilangge, umntu unokwenza usetyenziso olunxibelelanayo okanye umdlalo osondeleyo kwisicelo seFlash.

KwiCanvasPaint

INgqina likaMzalwana weMicrosoft Paint lingena kwisikhangeli sakho sewebhu, kwaye utata wakhe yi-HTML5.

KwiCanvasMol

Inkqubo yesayensi eyakhelwe ukukunceda ukuba uqonde ubume bezinto zomhlaba.

Umakhi weKhathuni

Zoba umfanekiso wekhathuni onomdla ngale nto incinci kwaye inxibelelanayo yomakhi wekhathuni.

Tsala Nantoni na apha

Tsala nantoni na onokuyirhuqa kwidemo ukubonisa iinkcukacha.

Umzobo weGartic

Isicelo sokuqala se-HTML5 esikuvumela ukuba wenze imizobo esisiseko enokugcinwa kwifomathi yemifanekiso eyahlukeneyo njengejpeg okanye png.

IPhysicsSketch

Zoba nantoni na oyithandayo kwaye ubone ukuba basabela njani kumxhuzulane owenziweyo.

ISketchpad

Isicelo esinamandla sokuzoba se-HTML5 esenza ukuba uzobe kwaye uhlele umfanekiso wakho ngendlela echanekileyo.

Ukuthetha kancinci

Isicelo sewebhu esiqinisekisa ubume bejografi yemiyalezo enxulumene nemozulu efunyenwe kwi-Twitter, yiyo loo nto ibenza kwimephu esekwe kwindawo 'yemozulu yentlalontle, encinci (njengoko kuchaziwe ngumbhali) kodwa inomdla.

umdlalo

3Kudikwa

Awusoze wakruquka kukuba unokuqhubeka nokuphepha amakhulu eebhulethi ze-HTML5 kwisibini esilandelayo.

Uphukela ngaphandle

Phinda uyibuyise ibhola ukuze uqhekeze zonke izitena.

I-Canvascape

Ayisiwo umdlalo, kodwa ibonisa indlela i-HTML5 enokusetyenziselwa ngayo ukuphuhlisa umdlalo woMkhangeli woMntu wokuqala.

Yibambe

Zingaphi iibhola onokuziphepha ukuze ufumane i-HTML5 yakho ephumeleleyo?

Ukwahlula kweKhonkco

Ityathanga ukuqhuma ukufezekisa injongo, musa ukuba likhoboka.

ICubeout

Dlala iTetris kwi3D, ukujonga phezulu.

etchaPhysics

Zoba into yokuhambisa ibhola kwinkwenkwezi, ungalibali malunga nomxhuzulane.

Iphazile yejigsaw

Cofa, ujikeleze kwaye ulahle iziqwenga zepuzzle ukusombulula le jigsaw puzzle esekwe kwi-HTML5.

Isilayidi sePuzzle

Isilayidi uloyiso, omnye umdlalo we-HTML5 owakhelwe ukucudisa ijusi yakho yengqondo.

Umdlalo ofanayo

Susa iqela elithile ukufumana elinye iqela libhangqwe ngombala ofanayo kwaye ekugqibeleni uya kunikezelwa uloyiso.

Tetris

Omnye wemidlalo yeklasikhi ibuyiselwe ebomini nge-HTML5.

I-Torus

Ukanti omnye umdlalo weTetris kuhlobo lobuxoki-3D.