48 buru ju HTML5 / CSS3 demos

kanfasi iwara iwara HTML5 Ifihan: 48 O pọju Flash pipa Demos

Mo gba ifiweranṣẹ yii lati dahun ibeere kan ti o beere laipẹ ninu awọn asọye ti nkan kan:

Nigbawo ni akoko ti o dara lati bẹrẹ apẹrẹ ni kikun pẹlu HTML5?

O dara, ni otitọ, o da lori ibi-afẹde ti o fojusi. Ti o ko ba gbero fun awọn alejo rẹ lati lo Internet Explorer (ex: oju-iwe sọfitiwia Mac) lẹhinna bẹrẹ lẹsẹkẹsẹ pẹlu HTML5, ṣugbọn ti o ba nilo awọn eniyan pẹlu IE lati wo oju opo wẹẹbu rẹ, o dara lati duro ...

Lori titẹsi, daradara lẹhin fo 48 demos ti HTML5 ti o jẹ iyalẹnu ati pe o yẹ lati rii. Nla jẹ kekere.

Orisun | HongKiat

audioburst Iwara

Idaraya itura ati ikọja ti a ṣẹda pẹlu kanfasi HTML5 ati taagi ohun.

ohun idanilaraya ohun afetigbọ HTML5 Ifihan: 48 Awọn Demos Paapa Agbara Flash

Pool Ball

Ni iṣafihan ni iṣẹlẹ I / O Google ti o kẹhin, demo yii fihan ọ bi agbara ṣe le HTML5 jẹ.

rogodo pool HTML5 Ifihan: 48 O pọju Flash pipa Demos

Blob Saladi

Ẹda ti o ni HTML5 ti yoo fun ọ ni itẹlọrun.

blob sallad HTML5 Ifihan: 48 Agbara Awọn pipa Flash

bomomo

Pẹlu Bomomo, o le ṣe akiyesi iṣaro atomiki oriṣiriṣi ti a ṣe simulated pẹlu HTML5.

bomomo HTML5 Ifihan: 48 O pọju Demos pipa Flash

Bọọlu aṣàwákiri

Ṣe iyalẹnu pẹlu ‘aṣawakiri-aṣawakiri’ bọọlu HTML5 yii.

kiri lori ayelujara HTML5 Ifihan: 48 O pọju Flash pipa Demos

Bubbles

Ṣe igbadun nipasẹ ṣiṣẹda awọn nyoju lilefoofo ailopin pẹlu awọ oriṣiriṣi.

nyoju HTML5 Ifihan: 48 O pọju Flash pipa Demos

Kanfasi efe Animation

Aworan efe HTML5 ti o rọrun ati ẹlẹrin ti o ṣe iranlọwọ fun ọ lati ni oye ohun ti eroja canvas HTML5 le ṣe.

kanfasi iwara iwara HTML5 Ifihan: 48 O pọju Flash pipa Demos

Agogo

Agogo afọwọṣe ti o wuyi, ti a le ṣatunṣe nipasẹ HTML5 ati JavaScript.

coolclock HTML5 Ifihan: 48 O pọju Flash pipa Demos

Filika PS3 agbelera

Wo awọn fọto Filika rẹ pẹlu agbelera PS3 ara ni ẹrọ lilọ kiri lori ayelujara.

yiyọ ps3 agbelera HTML5 Ifihan: 48 Agbara Demo pipa Flash

Ibanisọrọ Polaroid

Ririnkiri ibanisọrọ kan ti o ṣiṣẹ bakanna si wiwo ifọwọkan pupọ.

ibanisọrọ polaroid HTML5 Ifihan: 48 O pọju Awọn pipa Demo Flash

Awọn iṣẹ ina JS

Gbadun akoko awọn iṣẹ ina pẹlu walẹ ati iyara ayanfẹ rẹ, ti agbara nipasẹ HTML5 ati Javascript.

js awọn iṣẹ ina HTML5 Ifihan: 48 Awọn Demos Paapa Agbara Flash

Kaleidoscope

HTML5 kaleidoscope ti o ni itara pupọ ati ojo iwaju.

kaleidoscope HTML5 Ifihan: 48 Awọn Demos Paapa Agbara Flash

Awọn patikulu olomi

Iwara patikulu ti o ni imọlara ti o ṣe atunṣe da lori iṣipopada Asin rẹ.

awọn patikulu olomi HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Apanirun

Ririnkiri miiran ati iṣafihan HTML5 ti o ṣe pataki ti o fihan bi awọn eroja ti o wa nitosi ṣe pẹlu iwọ iṣipopada Asin.

mesmerizer HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Awọsanma Nebula

Gba sọnu pẹlu nebula HTML5 iyanu yii.

nebula awọsanma HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Parallax

Wo gbogbo awọn apẹrẹ 2D ni irisi ti o jọra.

parallax HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Patiku Animation

Iwara patiku HTML5 ti o wuyi ti o le dagba sinu ifiranṣẹ ti o fẹ julọ.

iwara patiku HTML5 Ifihan: 48 Agbara Awọn pipa Flash

itankale

Ṣe sọnu pẹlu iwara itankale ailopin yii.

tan kaakiri HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Starfield

Idaraya irawọ irawọ HTML5 ti o tutu pupọ ti yoo yipada itọsọna ati iyara ti o da lori iṣipopada Asin rẹ.

Ifihan star5 HTML48 Ifihan: XNUMX Agbara Awọn pipa Flash

Iparun fidio

Ọkan tẹ lati ariwo fidio ti nṣire.

iparun fidio HTML5 Ifihan: 48 O pọju Flash pipa Demos

Ipele igbi

Ṣe akiyesi bawo ni igbi kanfasi HTML5 ṣe n yi nipa yiyipada titobi rẹ, gigun gigun, iwọn, ati bẹbẹ lọ.

àfetígbọ HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Ipa 3D

Ṣe iwunilori nipasẹ iwara kanfasi? Iyẹn kanfasi HTML5 diẹ sii le ṣe, ati pe o pe ni ipa 3D. Olùgbéejáde le gbarale eroja canvas, DOM ati JavaScript lati ṣẹda ipa 3D, eyiti o le dagbasoke nigbamii si idanilaraya 3D tabi ere.

Canvas3D ati Filika

Ni iriri 3D tuntun kan pẹlu ṣiṣan fọto Filika.

canvas3d ati flickr HTML5 Ifihan: 48 Awọn Demos Ipaniyan Flash Agbara

Aṣọ Simulation

A bojumu, HTML5-orisun kikopa aṣọ.

asọ kikopa HTML5 iṣafihan: 48 O pọju Flash pipa Demos

Idagiri Monster

Ṣe akiyesi aderubaniyan kan ti o dagbasoke sinu ẹda ti o ni idiju, ọkan ninu ẹniti o ṣẹda ni HTML5.

dagbasi aderubaniyan HTML5 Ifihan: 48 O pọju Flash pipa Demos

Ẹbun Google

Ẹrọ wiwa omiran Google ti gbekalẹ ni 3D, wiwo ti o dun.

google giftbox HTML5 Ifihan: 48 O pọju Flash pipa Demos

JS Fọwọkan

Didara giga ati ojulowo '3D lori iṣafihan Canvas 2D'.

js fi ọwọ kan Ifihan HTML5: 48 Awọn Demos pipa Flash ti o pọju

Ifihan Data

Lakoko ti a le lo eroja canvas HTML5 lati ṣẹda iwara ati ipa 3D, o tun le ṣe imuse lati mu data iṣiro wa.

gbuplot

Gnuplot, ohun elo idite data ni ẹya HTML5.

gnuplot HTML5 Ifihan: 48 O pọju Flash pipa Demos

Aworan

RGraph pese ọpọlọpọ ibiti igbejade data bi apẹrẹ igi, ọpa ilọsiwaju ati iwe apẹrẹ radar aṣa.

rgraph HTML5 Ifihan: 48 O pọju Flash pipa Demos

Oju-iwe ayelujara

Ni ikẹhin, ni lilo gbogbo awọn agbara ti o ni idapo nipasẹ HTML5 ati langauge miiran, ẹnikan le ṣẹda ohun elo ibaraenisọrọ tabi ere ti o sunmọ ohun elo Flash.

Awọ Kanfasi

Jẹri arakunrin ti Microsoft Kun wa sinu ẹrọ lilọ kiri lori ayelujara rẹ, ati pe baba rẹ jẹ HTML5.

kanfasipa HTML5 Ifihan: 48 Agbara Awọn pipa Flash

CanvasMol

Ohun elo imọ-jinlẹ eyiti a ṣe lati ṣe iranlọwọ fun ọ lati loye igbekale eroja ile aye kan.

kanvasmol HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Ere idaraya Akole

Fa aworan efe ti o nifẹ pẹlu akọle kekere ti o kere ju ati ibaraẹnisọrọ.

efe HTML Akole ere ifihan: 5 O pọju Demos pipa Flash

Fa Ohunkan Nibi

Fa ohunkohun ti o le fa sinu demo lati fi awọn alaye han.

fa ohunkohun nibi HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Sisọki Gartic

Ohun elo HTML5 atilẹba ti o fun ọ laaye lati ṣe diẹ ninu awọn yiya ipilẹ ti o le wa ni fipamọ sinu ọna kika oriṣiriṣi aworan bi jpeg tabi png.

aworan gartic HTML5 Ifihan: 48 Awọn Demos Ipaniyan Flash Ti o pọju

Aworan Aworan

Fa ohunkohun ti o fẹ ki o wo bi wọn ṣe ṣe pẹlu walẹ afarawe.

fisiksiketch HTML5 Ifihan: 48 Agbara Awọn pipa Flash

paadi afọwọya

Ohun elo iyaworan HTML5 ti o lagbara ti o fun ọ laaye lati fa ati ṣatunkọ aworan rẹ ni ọna to ṣe deede.

sketchpad HTML5 Ifihan: 48 O pọju Flash pipa Demos

Smalltalk

Ohun elo wẹẹbu ti o jẹrisi ipo lagbaye ti ifiranṣẹ ti o jọmọ oju-ọjọ ti a gba lati Twitter, nitorinaa ṣe wọn ni maapu ti o da lori ‘oju-ọjọ awujọ’ kanfasi, ohun ti ko ṣe pataki (gẹgẹ bi onkọwe ti sọ) ṣugbọn ti o nifẹ si.

smalltalk HTML5 Ifihan: 48 O pọju Flash Awọn pipa Demos

ere

3Bore

Iwọ ko ni sunmi ti o ba le pa irokuro ọgọọgọrun awọn awako HTML5 ni iṣẹju-aaya keji.

3bored Ifihan HTML5: 48 Agbara Awọn pipa Flash

Breakout

Rebound the ball to fọ gbogbo awọn biriki.

breakout HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Ṣiṣan kiri

Kii ṣe ere kan, ṣugbọn o ṣe afihan bi a ṣe le lo HTML5 lati ṣe idagbasoke ere aṣawakiri Eniyan akọkọ.

ibi-iṣafihan HTML5 iṣafihan: 48 Awọn Demos pipa Flash ti o pọju

Mu O

Awọn boolu melo ni o le ṣe lati gba lati gba HTML5 onigun mẹrin rẹ?

mu u Ifihan HTML5: 48 Awọn Demos Paapa Agbara Flash

Pq esi

Pq bugbamu lati ṣaṣeyọri ibi-afẹde naa, maṣe jẹ mowonlara.

pq lenu HTML5 Yaraifihan: 48 O pọju Flash pipa Demos

Kubeout

Mu Tetris ṣiṣẹ ni 3D, wiwo oke-isalẹ.

cubeout HTML5 Ifihan: 48 Agbara Awọn pipa Flash

ethaPhysics

Fa ohun kan lati gbe rogodo si irawọ, maṣe gbagbe nipa walẹ.

etchaphysics HTML5 Ifihan: 48 Awọn Demos Paapa Agbara Flash

Aruniloju adojuru

Tẹ, yiyi ati ju awọn ege adojuru silẹ lati yanju adojuru jigsaw ti o da lori HTML5.

adojuru adojuru HTML5 Ifihan: 48 Agbara Demo Ipaniyan Flash

Ifaworanhan Ifaworanhan

Rọra si iṣẹgun, ere HTML5 miiran ti o kọ lati fun oje inu rẹ pọ.

ifaworanhan adojuru HTML5 Ifihan: 48 Agbara Awọn pipa Flash

Ere kanna

Yọ ẹgbẹ kan kuro lati gba ẹgbẹ miiran pọ ni awọ kanna ati pe nikẹhin iwọ yoo fun un ni iṣẹgun kan.

kanna game HTML5 Ifihan: 48 O pọju Flash pipa Demos

Tetris

Ọkan ninu ere ere-julọ julọ ti a mu pada si aye nipasẹ HTML5.

tetris HTML5 Ifihan: 48 Agbara Awọn pipa Flash

torus

Sibẹsibẹ ere Tetris miiran ni ẹya-3D iruju.

torus HTML5 Ifihan: 48 O pọju Flash pipa Demos


Awọn akoonu ti nkan naa faramọ awọn ilana wa ti awọn ilana olootu. Lati jabo aṣiṣe kan tẹ nibi.

Awọn asọye 7, fi tirẹ silẹ

Fi ọrọ rẹ silẹ

Adirẹsi imeeli rẹ yoo ko le ṣe atejade.

*

*

  1. Lodidi fun data naa: Miguel Ángel Gatón
  2. Idi ti data naa: SPAM Iṣakoso, iṣakoso ọrọ asọye.
  3. Ofin: Iyọọda rẹ
  4. Ibaraẹnisọrọ data: Awọn data kii yoo ni ifọrọhan si awọn ẹgbẹ kẹta ayafi nipasẹ ọranyan ofin.
  5. Ibi ipamọ data: Alaye data ti o gbalejo nipasẹ Awọn nẹtiwọọki Occentus (EU)
  6. Awọn ẹtọ: Ni eyikeyi akoko o le ni opin, gba pada ki o paarẹ alaye rẹ.

  1.   lollipop wi

    TETRIS KO LO, MO FI OJO MEJI LO SI DURO SUGBON INU IKU YII IKU OJU PUPO

  2.   Elisa wi

    Mo nifẹ oju-iwe yii ... ayafi ere akọkọ. Mo nifẹ rẹ Fran =)
    Ṣe ifẹnukonu si aye toooodooooooo

  3.   Hẹlikisi wi

    Alaragbayida, iyanu. Nko le gbagbọ bi o ti jina idagbasoke wẹẹbu ti de!

  4.   Joe vega wi

    Emi ko mọ idi ti wọn fi sọ awọn ohun elo wọnyi si HTML5, eyi jẹ funfun Javascript, ṣaaju igbega Flash, pẹlu Javascript gbogbo nkan wọnyi le ṣee ṣe, iwadi wa ni Ilu Barcelona ti o ṣe diẹ ninu awọn aaye ti o ni akoko naa fẹ ori mi, gbogbo wọn ni Javavascript pupọ ti Mo kọ lati ọdọ wọn ati ṣe apẹrẹ tọkọtaya kan pẹlu awọn boolu bouncing ati gbogbo wọn, Mo padanu wọn patapata ati tun banujẹ. Emi ko ranti orukọ ile-iṣere o jẹ nkan bii iwọ2 tabi 2you2 ti o wa ni ọdun 98 tabi bẹẹ.

  5.   ASDF wi

    Joe Vega …… o fihan pe o ko ni ero onibaje ti HTML5 lo .lol

  6.   Joe vega wi

    O le ma ni itọkasi html5 ti ẹjẹ, o jẹ otitọ, ṣugbọn ẹyin eniyan ṣe aṣiṣe akukọ fun ile adie ki o ma ṣe iyatọ ede kan lati agbegbe kan. Mo koju ọ lati ṣe apẹẹrẹ bii awọn ti o wa nibi laisi lilo Javascript, nikan pẹlu html5, ati pe iwọ yoo loye ohun ti Mo tumọ si ni ifiweranṣẹ ti Mo paarẹ. Kini diẹ sii, Mo ti n wo koodu orisun ti awọn apẹẹrẹ ati pe ọpọlọpọ wa ti o le ṣee ṣe ni rọọrun laisi nini lati gbe lori html5.
    Iyẹn html5 mu ọpọlọpọ awọn ilọsiwaju wa ati awọn nkan ti o dẹrọ pupọ jẹ otitọ, ṣugbọn awọn laureli ti ohun ikọja ti o han ni oju-iwe yii ni Javascript.

  7.   Santiago Barchetta wi

    Mo nifẹ ninu ṣiṣe awọn igbekalẹ ti iru yii ... ṣe o ni ikẹkọ tabi oju-iwe pẹlu awọn orisun ??? E dupe!!!