48 ine hutsinye HTML5 / CSS3 demos

Ini ndinotora ichi chinyorwa kugadzirisa mhinduro iwe yawakabvunza munguva pfupi yapfuura mune zvakataurwa nechinyorwa:

Ndeipi nguva yakanaka yekutanga kugadzira zvizere neHTML5?

Zvakanaka, kutaura chokwadi, zvinoenderana nechinangwa chauri kunanga. Kana iwe usiri kuronga kuti vashanyi vako vashandise Internet Explorer (ex: Mac software peji) wobva watanga ipapo neHTML5, asi kana iwe uchida vanhu vane IE kuti vaone webhusaiti yako, zvirinani umirire ...

Nezve yekupinda, kunyangwe mushure mekusvetuka makumi mana makumi mana nematatu emadhora eHTML48 ayo anoshamisa uye akakodzera kuonekwa Zvikuru idiki.

Kunobva | HongKiat

audioburst Mifananidzo

Iyo yakasununguka uye inonakidza yeopopayi yakagadzirwa neHTML5's canvas uye odhiyo tag.

Bhora Pool

Kuratidzwa muchiitiko chekupedzisira cheGoogle I / O, demo iri rinokuratidza kuti HTML5 inogona sei kuva ine simba.

Blob Salad

Chinhu chinogadzirwa neHTML5 chingakufadze.

bomomo

NaBomomo, unogona kucherechedza kufamba kweatomu kwakafanana neHTML5.

Bhurawuza Bhora

Shamiswa neiyi 'cross-browser' HTML5 bhora.

matema

Nakidzwa nekugadzira mabhuru asingagumi ane ruvara rwakasiyana.

Canvas Cartoon Mifananidzo

Iyo yakapusa uye inosetsa HTML5 katuni iyo inokubatsira iwe kuti unzwisise izvo HTML5's canvas element inogona kuita.

Kutonhorera

Iyo yakanaka, inogadziriswa wachi yekufananidza wachi yakavakwa neHTML5 neJavaScript.

Flickr PS3 Slideshow

Wona mafoto ako eFlickr nePS3 dhizaini inotsvedza muwebhu browser.

Inopindirana Polaroid

Demo rekudyidzana rinoshanda rakafanana nemazhinji ekubata interface.

JS Fireworks

Nakidzwa neiyo fireworks nguva neako akasarudzika giravhiti uye kumhanya, inofambiswa neHTML5 uye Javascript.

Kaleidoscope

Inotyisa kwazvo uye yeramangwana HTML5 kaleidoscope.

zvimedu zvemvura

Inonzwisisika chidimbu chemifananidzo iyo inopindirana yakavakirwa pane yako mbeva kufamba.

mesmerizer

Imwe inoonekera uye yakasarudzika HTML5 demo inoratidza maitiro epedyo anoita newe nembeva kufamba.

Cloud Nebula

Rasika neiyi inoshamisa HTML5 nebula.

Parallax

Wona ese maumbirwo e2D nenzira yakafanana.

Particle Mifananidzo

Yakashongedzwa HTML5 chidimbu chemifananidzo iyo inogona kuumba mune yako yaunoda meseji.

waridza

Kurasika neichi chisingaperi kupararira mifananidzo.

Starfield

Iyo inotonhorera chaizvo HTML5 nyeredzi yemaficha iyo yaizoshandura mafambiro uye nekumhanyisa zvichibva pane yako mbeva kufamba.

Vhidhiyo Kuparadza

Kamwe tinya kuti tigadzire kutamba vhidhiyo.

wave form

Tarisa uone kuti HTML5's canvas wave inofamba sei nekushandura kukura kwayo, wavelength, upamhi, nezvimwe.

3D Mhedzisiro

Yakafemerwa ne canvas animation? Izvo zvimwe HTML5's canvas element inogona kuita, uye inonzi 3D athari. Mugadziri anogona kuvimba nekanvasi element, DOM neJavaScript kuti igadzire 3D athari, iyo inogona kuzogadzirwa kuva 3D animation kana mutambo.

Canvas3D uye Flickr

Iva neruzivo rutsva rwe 3D neFlickr's photostream.

Mucheka Simulation

Chaichoicho, HTML5-yakavakirwa machira simulation.

Kuchinja Monster

Cherekedza chikara chinoshanduka kuita chisikwa chakaomarara, chimwe cheyakagadzira iHTML5.

Google Chipo bhokisi

Injini yekutsvaga yeGoogle inoratidzwa mu3D, inotaridzika kuona.

JS Kubata

Yakakwira mhando uye chaiyo '3D pane 2D Canvas' showcase.

Data Presentation

Ipo HTML5's canvas element inogona kushandiswa kugadzira animation uye 3D mhedzisiro, inogona zvakare kuitiswa kuratidza data yemasvomhu.

gnuplot

Gnuplot, data kuronga chirongwa muHTML5 vhezheni.

RGraph

RGraph inopa huwandu hwakawanda hwekuratidzwa kwedata senge bhati chati, yekufambira mberi bha uye yechinyakare radar chati.

Web Application

Pakupedzisira, uchishandisa mikana yese inosanganiswa neHTML5 nemamwe marongero, munhu anogona kugadzira yekudyidzana application kana mutambo uri padyo neFlash application.

CanvasPaint

Pupurira mukoma weMicrosoft Paint inouya muwebhu browser rako, uye baba vake HTML5.

CanvasMol

Chikumbiro chesainzi chakavakirwa kuti chikubatsire iwe kuti unzwisise chimiro chemamiriro epasi.

Cartoon Builder

Dhirowa inonakidza yemufananidzo wekatuni neiyi shoma uye inopindirana yekatuni muvaki

Dhonza Chero Pano

Dhonza chero chinhu chaunogona kudhonza mudemo kuti uratidze ruzivo.

Gartic sketch

Yekutanga HTML5 application inobvumidza iwe kuti uite mamwe madhirowa ekutanga ayo anogona kuchengetedzwa mumhando dzakasiyana dzemufananidzo senge jpeg kana png.

PhysicalSketch

Dhirowa chero chaunoda uye uone kuti vanoita sei neyakaenzana giravhiti.

Sketchpad

Yakasimba HTML5 yekudhirowa application iyo inoita kuti iwe ugone kudhirowa uye kugadzirisa yako mufananidzo nenzira chaiyo nzira.

Kutaura kudiki

Iyo webhu kunyorera iyo inosimbisa nzvimbo yenzvimbo yemamiriro ekunze ane chekuita nemamiriro ekunze akawanikwa kubva kuTwitter, nekudaro achiaumba kuva canvas-yakavakirwa 'yemagariro ekunze' mepu, isina basa (sezvakataurwa nemunyori) asi inonakidza.

mutambo

3Kufinhikana

Haungambofinhwa kana iwe uchikwanisa kuramba uchinzvenga mazana eHTML5 mabara mune inotevera sekondi.

Kubuda

Dzosera bhora kuputsa zvidhinha zvese.

canvasscape

Hausi mutambo chaiwo, asi inoratidza mashandisiro anoita HTML5 kukudziridza Chekutanga Munhu Kupfura browser mutambo.

Bata Icho

Mabhora mangani aunogona kunzvenga kuti uwane yako kuhwina HTML5 square?

Chain Reaction

Chengetedza kuputika kuti uwane chinangwa, usapindwa muropa.

cubeout

Tamba Tetris mu3D, pamusoro-pasi maonero.

etchaPhysics

Dhirowa chinhu kufambisa bhora kune nyeredzi, usakanganwa nezve giravhiti.

Jigsaw puzzle

Dzvanya, tenderera uye donhedza zvidimbu zvepuzzle kugadzirisa iyi HTML5-based jigsaw puzzle.

Slide chirahwe

Slide mukukunda, mumwe HTML5 mutambo wakavakirwa kusvina pfungwa dzako muto.

Mutambo mumwe chete

Bvisa rimwe boka kuti rimwe boka ribatanidzwe muvara rimwe chete uye unozopedzisira wakupihwa kukunda.

Tetris

Mumwe weakanyanya mutambo wekare wakadzoserwa kuhupenyu neHTML5.

torus

Imwezve mutambo weTetris mune pseudo-3D vhezheni.