48 qaawan HTML5 / CSS3 demos

shiraac kartoon ah animation kartoon ah HTML5 Showcase: 48 Astaamaha Filashada Dilka Flash

Waxaan uqaadaa qoraalkan si aan u xaliyo su'aasha aad dhowaan weydiisay faallooyinka maqaalka:

Goorma ayey tahay waqti ku habboon in la bilaabo qaabeynta si buuxda HTML5?

Hagaag, si daacad ah, waxay kuxirantahay hadafka aad bartilmaameedsaneysid. Haddii aadan qorsheyneynin martidaada inay adeegsadaan Internet Explorer (tusaale: bogga softiweer ee Mac) ka dib isla markaaba ku bilow HTML5, laakiin haddii aad u baahan tahay dad leh IE si ay u arkaan websaydhkaaga, waad fiicnaan lahayd inaad sugto ...

On gelitaanka, si fiican ka dib markii boodboodi 48 demos ee HTML5 in la yaab leh oo u qalma in la arko. Weyn ayaa yar.

Xigasho | HongKiat

aAnimation Burst Audio

Animation raaxo leh oo fantastik ah oo lagu abuuray HTML5 shiraac iyo sumad maqal ah.

audioburst animation HTML5 Bandhigga: 48 Feejignaan Dilaal Dilaal Flash ah

Balliga balliga

In lagusoo bandhigo dhacdadii ugu dambeysay ee Google I / O, demo waxay ku tusaysaa sida firfircoonaanta HTML5 u noqon karto.

ball ball HTML5 Bandhigga: 48 Waxyaabaha Fudud ee Dilaaga Flash

Blob Salaad

Noole HTML5-ku dhashay oo ku farxi lahaa.

blob sallad HTML5 Showcase: 48 Kartida Falalka Dilka Flash

boomo

Iyada oo la adeegsanayo 'Bomomo', waxaad ku daawan kartaa dhaqdhaqaaqa kala duwan ee atomiga ah ee lagu ekeysiiyey HTML5.

bomomo HTML5 Bandhigga: 48 Waxyaabaha Filashada Dilalka Filashadda ah

Ball Browser

La yaabi kubbadda 'iskutallaab-biraawsarka' HTML5 ball.

biraawsarka kubad HTML5 Soo Bandhigid: 48 Filasho Dilaal Filasho Flash

goobooyinka

Ku raaxeyso adigoo abuuraya goobooyin sabayn aan dhammaad lahayn oo leh midab kala duwan.

goobooyin HTML5 Showcase: 48 Astaamaha Filashada Dilka Flash

Animation kartoon kartoon ah

Kartoon HTML5 fudud oo qosol leh oo kaa caawineysa inaad fahamto waxa HTML5 ee canvas element uu sameyn karo.

shiraac kartoon ah animation kartoon ah HTML5 Showcase: 48 Astaamaha Filashada Dilka Flash

Saacadda

Saacad analog fiican ah, oo la beddeli karo oo ay dhisteen HTML5 iyo JavaScript.

qaboojiyaha HTML5 Bandhigga: 48 Feejignaan Dilaal Filasho Flash

Flickr PS3 Muqaal

Ku daawo sawiradaada Flickr sawirada PS3 qaabka slideshow ee shabakada shabakada.

flickr ps3 slideshow HTML5 Showcase: 48 Feejignaan Dilaal Flash Dhimasho

Isdhexgalka Polaroid

Demo is-dhexgal ah oo u shaqeeya si qurux badan oo la mid ah isdhexgalka taabashada badan.

istiraatiijiyad istiraatiiji ah oo muujinaysa HTML5: 48 Astaamo Filasho Dil Dilaal ah

JS rashka

Ku raaxayso daqiiqadaha rashka leh culeyska iyo xawaaraha aad doorbidayso, oo ay ku shaqeeyaan HTML5 iyo Javascript.

js rashka HTML5 Bandhigga: 48 Awood Khasaaraha Dilka Flash

Kaleidoscope

HTML5 kaleidoscope aad u naxdin badan oo mustaqbal leh.

kaleidoscope HTML5 Showcase: 48 Waxyaabaha Fudud ee Dilaaga Flash

Qaybaha dareeraha ah

Animation walxaha xasaasiga ah ee falcelinta ku saleysan dhaqdhaqaaqa jiirkaaga.

walxaha dareeraha ah HTML5 Bandhigga: 48 Feejignaan Dilaal Filasho Flash

Kalluumeysatada

Demo kale oo xasaasi ah oo heer sare ah oo HTML5 ah oo muujineysa sida walxaha dhow ay ula falgalaan dhaqdhaqaaqa jiirka.

mesmerizer HTML5 Showcase: 48 Waxyaabaha Keena Dilalka Flash Flash

Daruuraha Nebula

Ku lumiya nambarkan HTML5 ee cajiibka ah.

nebula Cloud HTML5 Showcase: 48 Waxyaabaha Filashada Dilalka Filashadda ah

Parallax

U arag dhammaan qaababka 2D aragti isku mid ah.

parallax HTML5 Showcase: 48 Waxyaabaha Filasho Dilalka Filashadda Leh

Animation Qurub

Animation walxaha HTML5 ah oo xarrago leh oo ku sameysmi kara farriinta aad doorbideyso.

animation particle HTML5 Showcase: 48 Waxyaabaha Fudud ee Dilaaga Flash

faafidda

Ku luma animation-kaan faafin ee aan dhamaadka lahayn.

faafi HTML5 Showcase: 48 Astaamo Filasho Dilaal Filasho

Starfield

A animation-ka HTML5 aad u qabow oo badalaya jihada iyo xawaaraha ku saleysan dhaqdhaqaaqa jiirkaaga.

starfield HTML5 Bandhigga: 48 Feejignaan Dilaal Filasho Flash

Burburka Video

Hal guji si aad uhesho fiidiyoo ciyaar ah.

video baabi'inta HTML5 Bandhigga: 48 Feejignaan Dilaal Filasho Flash

Hirarka Mawjadaha

U fiirso sida hirarka HTML5 ee shiraaca u dhaqaaqaayo adoo badalaya baaxadiisa, dhererka, baaxada, iwm.

mowjadda HTML5 Bandhigga: 48 Feejignaan Dilaal Filasho Flash

Saamaynta 3D

Ku jilay animation shiraac? Taasi waa waxyaabo badan oo HTML5 ka sameysma oo ay sameyn karto, waxaana loo yaqaan '3D effect'. Sameeyuhu wuxuu ku tiirsanaan karaa cunsuriga, DOM iyo JavaScript si loo abuuro saamayn 3D ah, oo hadhow loo horumarin karo animation ama ciyaar 3D ah.

Canvas3D iyo Flickr

Hayso khibrad cusub oo 3D ah oo leh sawir-qaadista Flickr.

canvas3d iyo flickr HTML5 Showcase: 48 Feejignaan Dilaal Flash Dilaal

Jilitaanka Dharka

Jilitaan macquul ah, HTML5 ku saleysan maro.

dharka jilitaanka HTML5 Bandhigga: 48 Waxyaabaha Filashada Dilalka Filashooyinka

Isbadal bahal

U fiirso bahal wuxuush ah oo isu rogaya abuur abuur adag, mid ka mid ah abuurayaashiisa waa HTML5.

kobcaya wuxuush HTML5 Showcase: 48 Awood Falaadh Dil Dilaal

Hadiyadda Google

Mashiinka raadinta weyn ee Google waxaa lagu soo bandhigayaa 3D, muuqaal la ciyaari karo.

google giftbox HTML5 Bandhigga: 48 Waxyaabaha Filashada Dilalka Filashadda ah

JS Taabasho

Bandhig tayo sare leh oo macquul ah '3D oo ku taal 2D Canvas'.

js taabto HTML5 Bandhigga: 48 Feejignaan Dilaal Filasho Flash

Bandhigga Warbixinta

In kasta oo HTML5's canvas element loo isticmaali karo in lagu abuuro animation iyo 3D saamayn, waxaa sidoo kale lagu fulin karaa in lagu soo bandhigo xogta xisaabta.

gnuplot

Gnuplot, oo ah codsi qorsheyn xog ah oo nooca HTML5 ah.

gnuplot HTML5 Showcase: 48 Awood Falal Dilitaan Flash

Sawir

RGraph waxay bixisaa soo bandhigid ballaaran oo xog ah sida shaxda baarka, baarka horumarka iyo shaxda raadaarka dhaqanka.

jaantus HTML5 Bandhigga: 48 Feejignaan Dilaal Flash Dilaal

Codsiga Webka

Ugu dambeyntiina, iyadoo la adeegsanayo dhammaan fursadaha ay weheliyaan HTML5 iyo langauge kale, mid ayaa abuuri kara codsi is dhexgal ah ama ciyaar u dhaw barnaamijka Flash

Rinjiga Rinjiga

Markhaati ka dhig walaalkiis Microsoft Paint ayaa soo galaya biraawsarkaaga, aabihiisna waa HTML5.

canvaspaint HTML5 Showcase: 48 Waxyaabaha Fudud ee Dilalka Filashadda

CanvasMol

Codsi cilmiyeysan oo loo dhisay inuu kaa caawiyo inaad fahamto qaab dhismeedka cunsurka qaarkood.

canvasmol HTML5 Showcase: 48 Waxyaabaha Filashada Dilalka Filashadda ah

Dhise Kartoon

Ku sawir sawir kartoon xiiso leh dhismahan kartoon ee ugu yar iyo kan is dhexgalka ah.

kartoon sameeye HTML5 Showcase: 48 Astaamaha Filashada Dilka Flash

Wax Walba Halkan Jiid

Jiid wax kasta oo aad ku soo jiidan karto demo-ga si aad u muujiso faahfaahinta.

wax halkaan ku jiid HTML5 Showcase: 48 Feejignaan Dilaal Filasho Flash

Sawir gacmeed

Codsi asalka HTML5 ah oo kuu ogolaanaya inaad sameyso sawirro aasaasi ah oo lagu keydin karo qaab muuqaal oo kala duwan sida jpeg ama png.

gartic sketch HTML5 Showcase: 48 Feejignaan Dilaal Flash Dhimasho

Sawirka Jidhka

Sawir wax kasta oo aad jeceshahay oo arag sida ay ula falgalaan culeyska la moodo.

fiisikiska HTML5 Bandhigga: 48 Feejignaan Dilaal Dilaal Flash ah

Sketchpad

Codsi sawir leh oo HTML5 ah oo awood kuu siinaya inaad sawirto oo aad wax ka beddesho sawirkaaga sida saxda ah.

sketchpad HTML5 Showcase: 48 Waxyaabaha Fudud ee Dilaaga Flash

Hadal yar

Codsi websaydh ah oo xaqiijinaya mowqifka juqraafi ahaan fariinta la xiriirta cimilada ee laga helay Twitter, sidaasna ku sameysaneysa khariidad ku saleysan 'cimilo bulsheed' oo ku saleysan shiraac, wax aad u yar (sida uu qoraagu sheegay) laakiin xiiso leh.

smalltalk HTML5 Showcase: 48 Filasho Dilaal Filasho Flash

Game

3aad caajisey

Weligaa kuma caajisi doontid haddii aad sii wadi karto inaad ka baxsato boqolaal xabadood oo HTML5 ah ilbidhiqsiga xiga.

3bored HTML5 Showcase: 48 Feejignaan Dilaal Flash Dilaal

Hakadyada

Kubada ku laabo si aad u jebiso dhamaan lebenka.

kala-goynta HTML5 Bandhigga: 48 Feejignaan Dilaal Flash Dilaal

Wareejinta

Ciyaar maahan, laakiin waxay muujineysaa sida HTML5 loogu adeegsan karo in lagu horumariyo ciyaarta biraawsarka Qofka Koowaad ee toogashada.

canvascape HTML5 Showcase: 48 Waxyaabaha Filasho Dilalka Filasho Ku Filan

Qabso

Immisa kubadood ayaad ka leexan kartaa si aad u hesho guushaada HTML5 square?

ku qabso HTML5 Bandhigga: 48 Feejignaan Dilaal Filasho Flash

Reaction Chain

Silsilad ku samee qaraxa si aad u gaarto hadafka, ha qabatin balwad.

silsilad falcelin HTML5 Bandhig: 48 Astaamaha Filashada Dilka Flash

cubeout

Play Tetris ee 3D, muuqaalka kore-hoose.

cubeout HTML5 Showcase: 48 Awood Falal Dilitaan Filasho

iwm

Sawir shay si aad ugu dhaqaaqdid kubbada xiddiga, ha iloobin culeyska.

etchaphysics HTML5 Showcase: 48 Feejignaan Dilaal Flash Dilaal

Jigsaw Puzzle

Dhagsii, wareeji oo hoos u dhig qaybo xujo ah si aad u xalliso halxiraalahan jigsaw ee HTML5 ku saleysan.

jigsaw xujo HTML5 Showcase: 48 Feejignaan Dilal Flash Dhimasho

Halxiraale Slide

Guusha u dhaqaaq, ciyaar kale oo HTML5 ah oo loo dhisay in lagu cabiro casiirka maskaxdaada.

xujo slide HTML5 Showcase: 48 Waxyaabaha Filashada Dilka Flash

Ciyaar isku mid ah

Ka saar koox gaar ah si aad uhesho koox kale oo isku midab ah isla markaana aakhirka laguu abaalmarin doono guul.

isla ciyaarta HTML5 Bandhigga: 48 Waxyaabaha Fudud ee Filashada Dilka Flash

Tetris

Mid ka mid ah ciyaartii ugu caansaneyd ee HTML5 nolosha dib ugu soo celisay.

tetris HTML5 Showcase: 48 Waxyaabaha Fudud ee Dilalka Filasho

torus

Haddana ciyaar kale oo Tetris ah oo ku jirta nooca-3D-been ah.

torus HTML5 Bandhigga: 48 Waxyaabaha Fudud ee Dilalka Filasho


Nuxurka maqaalka wuxuu u hogaansamayaa mabaadi'deena anshaxa tifaftirka. Si aad u soo sheegto khalad guji Halkan.

7 faallooyin, ka tag taada

Ka tag faalladaada

cinwaanka email aan la daabacin doonaa.

*

*

  1. Masuul ka ah xogta: Miguel Ángel Gatón
  2. Ujeedada xogta: Xakamaynta SPAM, maaraynta faallooyinka.
  3. Sharci: Oggolaanshahaaga
  4. Isgaarsiinta xogta: Xogta looma gudbin doono dhinacyada saddexaad marka laga reebo waajibaadka sharciga ah.
  5. Kaydinta xogta: Macluumaadka ay martigelisay Shabakadaha Occentus (EU)
  6. Xuquuqda: Waqti kasta oo aad xadidi karto, soo ceshan karto oo tirtiri karto macluumaadkaaga.

  1.   nacnac dijo

    TETRIS MA TAGO, LABA GOBO AYAAN GELIYAA WAANA Istaagee LAAKIIN INTII KALE WAA JAWAABO AAD U FUDUD

  2.   Elisa dijo

    Waan jeclahay boggan ... marka laga reebo ciyaartii ugu horreysay. Wan ku jeclahay Fran =)
    Bye dhunkasho aduunka toooodooooooo

  3.   Helsik dijo

    Cajiib ah, cajiib ah. Anigu ma rumaysan karo inta horumarka webku gaadhay!

  4.   Joe vega dijo

    Ma garanayo sababta kheyraadkan loogu nisbeeyo HTML5, kani waa Javascript saafi ah, kahor soo bixitaanka Flash, iyadoo Javascript waxyaalahan oo dhan la qaban karo, waxaa jiray daraasad ka dhacday Barcelona oo sameysay goobo qaarkood oo markaas madaxayga qarxiyay, wax walba oo ku jira javascript aad ayaan uga bartay iyaga waxaanan u qaabeeyey lamaane kubbado boodbood leh iyo dhammaantoodba, gebi ahaanba waan lumay oo wali waan ka qoomamanayaa. Ma xasuusto magaca istuudiyaha wuxuu ahaa wax adiga oo kale ah ama 2you2 oo kale ah oo ku jiray '2 ama sidaas.

  5.   ASDF dijo

    Joe Vega ...... waxay ku tusaysaa inaadan haysan wax fikrad ah oo ku saabsan HTML5 ... lol

  6.   Joe vega dijo

    Waxaa laga yaabaa inaadan haysan fikrad dhiig leh oo html5 ah, waa run, laakiin idinku niman yahow waad ku khaldan tihiin diiqii digaagga lagu kariyey oo af ha ka duwanaanin deegaan. Waxaan kugu xujeynayaa inaad sameyso tusaale sida kuwa halkan jooga adigoon adeegsan Javascript, oo kaliya la isticmaalayo html5, waadna fahmi doontaa waxa aan ula jeeday boostada aan tirtiray. Waxaa intaa dheer, waxaan eegay koodhka ilaha tusaalooyinka waxaana jira dhowr si fudud loo qaban karo iyadoon loo baahnayn in lagu dhejiyo html5.
    Taasi html5 waxay keeneysaa horumar badan iyo waxyaabo badan oo fududeeya in badan waa run, laakiin abaalmarinta waxa cajiibka ah ee boggan lagu muujiyay waa Javascript.

  7.   Santiago Barchetta dijo

    Waxaan xiiseynayaa in aan soo bandhigo nuucaan oo kale ... ma haysaa cashar ama bog leh kheyraad ??? Mahadsanid!!!