Izidemo ezingama-48 ezinesihluku ze-HTML5 / CSS3

Ngithatha lokhu okuthunyelwe ukuphendula umbuzo owubuze kamuva kumazwana endatshana:

Ngisiphi isikhathi esihle sokuqala ukuklama ngokuphelele nge-HTML5?

Yebo, ngokuthembekile, kuya ngokuqondiwe okubhekiswe kuwe. Uma ungahleleli ukuthi izivakashi zakho zisebenzise i-Internet Explorer (isb: ikhasi lesoftware ye-Mac) bese uqala khona manje nge-HTML5, kepha uma udinga abantu abane-IE ukubona iwebhusayithi yakho, kungcono ulinde ...

Ekungeneni, ngemuva kokudonsa ama-demos angama-48 we-HTML5 ayamangalisa futhi afanele ukubonwa. Okukhulu kuncane.

Umthombo | I-HongKiat

audioburst Opopayi

Ukugqwayiza okunethezekile nokumnandi okudalwe ngendwangu ne-tag yomsindo ye-HTML5.

I-Ball Pool

Ukukhonjiswa kumcimbi wokugcina we-Google I / O, le demo ikukhombisa ukuthi i-HTML5 ingaba namandla kangakanani.

I-Blob Sallad

Isidalwa esenziwe nge-HTML5 esingakujabulisa.

bomomo

NgeBomomo, ungabona ukunyakaza okuhlukile kwe-athomu okwenziwe nge-HTML5.

Ibhola lesiphequluli

Mangaliswa ngaleli bhola le-HTML5 'lesiphambano'.

Amabhubhu

Zijabulise ngokwakha ama-bubble antantayo angapheli anombala ohlukile.

I-Canvas Cartoon Opopayi

Ikhathuni elula nehlekisayo ye-HTML5 ekusiza ukuthi uqonde ukuthi yini i-HTML5's canvas element engayenza.

Ukuphola

Iwashi le-analog elihle, elenziwa ngezifiso elakhiwe nge-HTML5 neJavaScript.

Flickr PS3 Umbukiso wesilayidi

Buka izithombe zakho zeFlickr ngesitayela sombukiso wesilayidi sePS3 kusiphequluli sewebhu.

Ukusebenzisana kwePolaroid

Idemo yokusebenzisana esebenza kahle ngokufana nesixhumi esibonakalayo sokuthinta okuningi.

Iziqhumane zeJS

Jabulela umzuzu weziqhumane ngamandla akho nesivinini osithandayo, kuxhaswe yi-HTML5 neJavascript.

Kaleidoscope

I-kaleidoscope ye-HTML eshaywayo nezayo kakhulu.

Izinhlayiya Zamanzi

Ubunono bezinhlayiyana ezisabela ngokuya ngokunyakaza kwegundane lakho.

I-Mesmerizer

Esinye isibonakaliso esibucayi nesivelele se-HTML5 esibonisa ukuthi izinto eziseduze zisabela kanjani ngokunyakaza kwakho kwegundane.

I-Cloud Nebula

Duka ngale nula ye-HTML5 emangalisayo.

I-Parallax

Buka zonke izinhlobo ze-2D ngombono ofanayo.

Particle Izithombe

I-animation enhle yezinhlayiya ye-HTML5 engakha kumyalezo wakho owuthandayo.

Spread

Duka ngalokhu kusakazwa okungapheli kwezithombe.

I-Starfield

Ukugqwayiza okupholile kwe-starfield kwe-HTML5 okungashintsha inkomba nejubane ngokuya ngokunyakaza kwegundane lakho.

Ukubhujiswa Kwevidiyo

Okukodwa ukuze boom ividiyo edlalayo.

Ifomu le-Wave

Qaphela ukuthi i-wave ye-canvas ye-HTML5 ihamba kanjani ngokuguqula ubukhulu bayo, ubude bayo, ububanzi, njll.

Umphumela we-3D

Uhlabeke umxhwele ngopopayi be-canvas? Lokho kungenziwa kakhulu ngendwangu ye-canvas ye-HTML5, futhi ibizwa ngokuthi yi-3D effect. Unjiniyela angathembela entweni ye-canvas, i-DOM neJavaScript ukudala ukusebenza kwe-3D, okungabuye kuthuthukiswe kube izithombe ze-3D noma umdlalo.

I-Canvas3D neFlickr

Yiba nesipiliyoni esisha se-3D nge-photostream kaFlickr.

Ukulingisa Indwangu

Ukulingisa kwendwangu okuyiqiniso, kwe-HTML5.

Ukuguquka kwesilo

Bheka isilo esiphenduka isidalwa esiyinkimbinkimbi, omunye womdali waso yi-HTML5.

I-Google Giftbox

Injini yokusesha enkulu yakwaGoogle ivezwa nge-3D, ukubuka okungadlaleka.

JS Thinta

Umbukiso wekhwalithi ephezulu futhi ongokoqobo 'we-3D ku-2D Canvas'.

I-Data Presentation

Ngenkathi i-canvas element ye-HTML5 ingasetshenziselwa ukudala ukugqwayiza nomphumela we-3D, nayo ingasetshenziswa ukwethula idatha yezibalo.

IGnuplot

IGnuplot, uhlelo lokuhlela idatha kuhlobo lwe-HTML5.

I-RGraph

I-RGraph inikeza ukwethulwa kwedatha okuhlukahlukene njengeshadi lebha, ibha yenqubekela phambili kanye neshadi lendabuko le-radar.

Isicelo sewebhu

Ekugcineni, usebenzisa wonke amathuba ahlanganiswe yi-HTML5 nolunye ulimi, umuntu angakha uhlelo lokusebenza noma umdlalo osondelene nohlelo lweFlash.

I-CanvasPaint

Fakaza ukuthi umfowabo weMicrosoft Paint ungena esipheqululini sakho sewebhu, kanti ubaba wakhe yi-HTML5.

CanvasMol

Uhlelo lokusebenza lwesayensi olwakhelwe ukukusiza ukuthi uqonde ukwakheka kwento ethile yomhlaba.

Umakhi wekhathuni

Dweba isithombe sekhathuni esithakazelisayo ngalomakhi wekhathuni omncane futhi osebenzisanayo.

Hudula noma yini Lapha

Hudula noma yini ongayihudula kudemo ukuze ubonise imininingwane.

Umdwebo weGartic

Uhlelo lokusebenza lwe-HTML5 loqobo olukuvumela ukuthi wenze imidwebo eyisisekelo engagcinwa ibe yifomethi yesithombe ehlukile njenge-jpeg noma i-png.

I-PhysicSketch

Dweba noma yini oyithandayo futhi ubone ukuthi basabela kanjani ngamandla adonsela phansi.

I-Sketchpad

Uhlelo lokusebenza lokudweba olunamandla lwe-HTML5 olukuvumela ukuthi udwebe futhi uhlele isithombe sakho ngendlela eqondile.

Inkulumo encane

Uhlelo lokusebenza lewebhu oluqinisekisa ukuma komlando womlayezo ohlobene nesimo sezulu otholwe ku-Twitter, ngaleyo ndlela uwenze waba yimephu esekwe ngendwangu 'yezulu lomphakathi', engasho lutho (njengoba kushiwo ngumlobi) kepha iyathakazelisa.

Game

3Ubhorekile

Awusoze waba nesithukuthezi uma ungaqhubeka nokubalekela amakhulu ezinhlamvu ze-HTML5 ngomzuzwana olandelayo.

Breakout

Ibuyisa ibhola ukuze iphule zonke izitini.

I-Canvascape

Akuwona umdlalo impela, kepha kukhombisa ukuthi i-HTML5 ingasetshenziswa kanjani ukuthuthukisa umdlalo wesiphequluli se-First Person Shooting.

Yibambe

Mangaki amabhola ongawavika ukuze uthole isikwele sakho se-HTML5 esiwinayo?

Ukusabela Kwe-Chain

Dweba ukuqhuma ukufeza inhloso, ungabi umlutha.

I-Cubeout

Dlala i-Tetris ku-3D, ukubuka phezulu phezulu.

etchaPhysics

Dweba into yokuhambisa ibhola enkanyezini, ungakhohlwa ngamandla adonsela phansi.

I-jigsaw puzzle

Qhafaza, ujikeleze bese uphonsa izingcezu ze-puzzle ukuxazulula le-puzzle ye-jigsaw puzzle esekwe ku-HTML5.

Isilayidi sephazili

Shelelisela ekunqobeni, omunye umdlalo we-HTML5 owakhelwe ukukhama ijusi yakho yengqondo.

Umdlalo ofanayo

Susa iqembu elithile ukuze uqoqe elinye iqembu ngombala ofanayo futhi ekugcineni uzonikezwa ukunqoba.

I-Tetris

Omunye wegeyimu yakudala ebuyiselwe ekuphileni nge-HTML5.

I-Torus

Futhi omunye umdlalo weTetris enguqulweni mbumbulu-3D.