Iidemo ezingama-48 ze-HTML5 / CSS3

I-canvas yekhathuni yoopopayi I-HTML5 Umboniso: 48 Iidosos ezinokubulala iiFlash

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.

audioburst oopopayi Umboniso we-HTML5: I-48 yeXesha elinokubulala iiDemos

IPhuli yeBhola

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

ibhola yokubonisa HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

IBlob Sallad

Isidalwa esine-HTML5 esiza kukonwabisa.

I-blob sallad HTML5 Umboniso: i-48 ezinokubakho kwiDesktop yokubulala iiDemo

bomomo

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

I-bomomo HTML5 Showcase: 48 Iidemon ezinokubulala iiFlash

Ibhola yesikhangeli

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

Ibhola yebrowser HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

Iibhubhu

Yonwaba ngokwenza amaqamza adadayo angapheliyo ngombala owahlukileyo.

Iibhubhu Umboniso we-HTML5: I-48 enokubakho kwiDesktop yokubulala iFlash

Oopopayi beCanvas Cartoon

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

I-canvas yekhathuni yoopopayi I-HTML5 Umboniso: 48 Iidosos ezinokubulala iiFlash

Ukuphola

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

I-coolclock ye-HTML5 Umboniso: i-48 enokubakho kwiDemo yokuBulala iiDemos

Flickr PS3 Umboniso wesilayidi

Jonga iifoto zakho zeFlickr ngesitayile esibonisa indlela yesilayidi kwisikhangeli sewebhu.

I-flickr ps3 umboniso wesilayidi we-HTML5 Umboniso: I-48 enokubakho kwiDola yokuBulala iiDemos

Ukudibana kwePolaroid

Idemo yokusebenzisana esebenza ngokufanayo kunxibelelwano oluninzi lokuchukumisa.

I-polaroid esebenzayo ye-HTML5 Umboniso: 48 Iidosos ezinokubulala iiFlash

Umsebenzi weJS Fireworks

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

js fireworks HTML5 Showcase: 48 Iimpawu ezinokubulala iFlash

Kaleidoscope

I-kaleidoscope eyoyikekayo kunye nekamva le-HTML5.

I-kaleidoscope HTML5 Umboniso: i-48 enokubakho kwiDesktop yokubulala iFlash

Amasuntswana olwelo

Imiboniso bhanyabhanya enovakalelo ephendula ngokusekwe kwimouse yakho.

ulwelo amasuntswana HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

Ummisi

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

I-mesmerizer Umboniso we-HTML5: I-48 enokubakho kwiDesktop yokubulala iFlash

Cloud Nebula

Yilahleko ngale ndawo imangalisayo ye-HTML5 nebula.

Ilifu le-nebula ye-HTML5 Umboniso: I-48 enokubakho kwiDesktop yokubulala iFlash

Parallax

Jonga zonke iimilo ze-2D ngendlela efanayo.

Parallax HTML5 Umboniso: 48 Iidemon ezinokubulala iFlash

Particle oopopayi

Imifanekiso bhanyabhanya ye-HTML5 entle enokuthi yenze umyalezo owuthandayo.

I-particle animation HTML5 Showcase: 48 Iidemon ezinokubulala iiFlash

sasaza

Yilahleko ngalo mfanekiso usasazekayo.

sasaza i-HTML5 Showcase: 48 Iidemon ezinokubulala iiFlash

Starfield

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

Ibala leenkwenkwezi le-HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

Ukutshatyalaliswa kweVidiyo

Unqakrazo olunye ukwenza ividiyo edlalayo.

ukutshatyalaliswa kwevidiyo HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

Amandla

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

waveform HTML5 Showcase: 48 Iidemon ezinokubulala iFlash

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.

I-canvas3d kunye ne-flickr ye-HTML5 Umboniso: i-48 enokubakho kwiDesktop yokubulala iiDemo

Ukulinganisa kwelaphu

Ukulinganisa okwenyani, okusekwe kwi-HTML5.

ilaphu lokulinganisa HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

Ukuguquka kweMonster

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

iguquka nge-monster ye-HTML5 Umboniso: i-48 enokubakho kwiDola yokuBulala iiDemo

Ibhokisi yezipho zikaGoogle

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

google giftbox HTML5 Showcase: 48 Flash Flash Killing Demos

JS Chukumisa

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

js touch HTML5 Showcase: 48 Iidemon ezinokubulala iFlash

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.

I-gnuplot HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

RGraph

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

rgraph HTML5 Umboniso: 48 Iidemon ezinokubulala iFlash

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.

I-canvaspaint ye-HTML5 Umboniso: i-48 enokubakho kwiDesktop yokubulala iFlash

KwiCanvasMol

Inkqubo yesayensi eyakhelwe ukukunceda ukuba uqonde ubume bezinto zomhlaba.

I-canvasmol HTML5 Umboniso: i-48 ezinokubakho kwiDesktop yokubulala iiDemo

Umakhi weKhathuni

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

umakhi wekhathuni Umboniso we-HTML5: I-48 yeXesha elinokubulala iiDemos

Tsala Nantoni na apha

Tsala nantoni na onokuyirhuqa kwidemo ukubonisa iinkcukacha.

tsala nantoni na apha Umboniso we-HTML5: 48 Iidosos ezinokubulala iiFlash

Umzobo weGartic

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

umzobo we-gartic Umboniso we-HTML5: I-48 enokubakho kwiDola yokubulala iiDemos

IPhysicsSketch

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

I-physicsketch HTML5 Umboniso: 48 Iidosos ezinokubulala iiFlash

ISketchpad

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

sketchpad HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

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.

encinci ye-HTML5 Umboniso: i-48 enokubakho kwiDesktop yokubulala iFlash

umdlalo

3Kudikwa

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

I-3bored HTML5 Showcase: I-48 enokubakho kwiDesktop yokubulala iFlash

Uphukela ngaphandle

Phinda uyibuyise ibhola ukuze uqhekeze zonke izitena.

Ukuqhekeka kwe-HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

I-Canvascape

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

I-canvascape HTML5 Umboniso: i-48 ezinokubakho kwiDesktop yokubulala iFlash

Yibambe

Zingaphi iibhola onokuziphepha ukuze ufumane i-HTML5 yakho ephumeleleyo?

yibambe Umboniso we-HTML5: 48 Iidemon ezinokubulala iiFlash

Ukwahlula kweKhonkco

Ityathanga ukuqhuma ukufezekisa injongo, musa ukuba likhoboka.

chain reaction HTML5 Showcase: 48 Iidemon ezinokubulala iiFlash

ICubeout

Dlala iTetris kwi3D, ukujonga phezulu.

cubeout HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

etchaPhysics

Zoba into yokuhambisa ibhola kwinkwenkwezi, ungalibali malunga nomxhuzulane.

I-etchaphysics HTML5 Umboniso: I-48 enokubakho kwiDola yokuBulala iiDemos

Iphazile yejigsaw

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

ijigsaw iphazili ye-HTML5 Umboniso: i-48 ezinokubakho kwiidola ezibulalayo

Isilayidi sePuzzle

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

isilayidi sesilayidi i-HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

Umdlalo ofanayo

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

Umdlalo ofanayo we-HTML5 Umboniso: 48 Iidemon ezinokubulala iiFlash

Tetris

Omnye wemidlalo yeklasikhi ibuyiselwe ebomini nge-HTML5.

I-tetris HTML5 Umboniso: i-48 enokubakho kwiDemo yokuBulala iiDemos

I-Torus

Ukanti omnye umdlalo weTetris kuhlobo lobuxoki-3D.

I-torus HTML5 Umboniso: i-48 enokubakho kwiidola ezibulalayo


Umxholo wenqaku uyabambelela kwimigaqo yethu imigaqo yokuziphatha yokuhlela. Ukuxela impazamo cofa apha.

Izimvo ezi-7, shiya ezakho

Shiya uluvo lwakho

Idilesi yakho ye email aziyi kupapashwa. ezidingekayo ziphawulwe *

*

*

  1. Uxanduva lwedatha: UMiguel Ángel Gatón
  2. Injongo yedatha: Ulawulo lwe-SPAM, ulawulo lwezimvo.
  3. Umthetho: Imvume yakho
  4. Unxibelelwano lwedatha: Idatha ayizukuhanjiswa kubantu besithathu ngaphandle koxanduva lomthetho.
  5. Ukugcinwa kweenkcukacha
  6. Amalungelo: Ngalo naliphi na ixesha unganciphisa, uphinde uphinde ucime ulwazi lwakho.

  1.   ilolipop sitsho

    I-TETRIS AYIHAMBI, NDIBEKE AMAQHAQHA AMABINI NDAYE NDIHLALE KODWA EYONA NTO IPHAKAMILEYO YI-CHAVALE EZIPHOLILEYO

  2.   elisa sitsho

    Ndiyalithanda eli phepha ... ngaphandle komdlalo wokuqala. Ndiyakuthanda Fran =)
    Hamba ngothando lwehlabathi toooodooooooo

  3.   IsiHelsic sitsho

    Okumangalisayo, okumangalisayo. Andikholelwa ukuba lukude kangakanani uphuhliso lwewebhu!

  4.   UJoe vega sitsho

    Andazi ukuba kutheni le mithombo inxulunyaniswa ne-HTML5, le yiJavascript emsulwa, ngaphambi kokunyuka kweFlash, ngeJavascript zonke ezi zinto zinokwenziwa, bekukho isifundo e-Barcelona esenza ezinye iisayithi ngelo xesha zavuthela intloko yam, konke kwijavascript kangangokuba ndifunde kubo kwaye ndayila isibini esineebhola ezibhikayo kwaye zonke, ndizilahlile ngokupheleleyo kwaye ndisazisola ngazo. Andikhumbuli igama le studio yayiyinto efana nawe2 okanye 2you2 eyayiku-98 okanye njalo.

  5.   I-ASDF sitsho

    UJoe Vega …… ibonisa ukuba awunambono we-HTML5… .lol

  6.   UJoe vega sitsho

    Ungangabinayo imbono enegazi html5, kuyinyani, kodwa uyayiphambanisa iqhude nenkuku kwaye ungahlukanisi ulwimi kwimeko-bume. Ndicela umngeni kuwe ukuba wenze umzekelo ofana nalapha ngaphandle kokusebenzisa iJavascript, kuphela nge-html5, kwaye uyakuqonda ukuba bendithetha ntoni kwiposti endiyicimileyo. Ngaphezu koko, bendijonge ikhowudi yemvelaphi yemizekelo kwaye kukho izinto ezininzi ezinokwenziwa ngokulula ngaphandle kokuyibeka ngaphezulu kwe-html5.
    Le html5 izisa uphuculo oluninzi kunye nezinto eziququzelela okuninzi ziyinyani, kodwa laurels yento emnandi eboniswe kweli phepha yiJavascript.

  7.   USantiago Barchetta sitsho

    Ndinomdla wokwenza intetho yolu hlobo ... unayo isifundo okanye iphepha elinemithombo ??? enkosi!!!