48 grimmar HTML5 / CSS3 kynningar

teiknimyndateiknimyndir HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Ég tek þessa færslu til að svara spurningu sem þú spurðir nýlega í athugasemdum greinar:

Hvenær er góður tími til að byrja að hanna að fullu með HTML5?

Jæja, heiðarlega, það fer eftir því markmiði sem þú miðar á. Ef þú ætlar ekki að gestir þínir noti Internet Explorer (td: Mac hugbúnaðarsíðu), byrjaðu þá strax með HTML5, en ef þú þarft að fólk með IE sjái vefsíðuna þína, þá ættirðu að bíða ...

Við innganginn, vel eftir stökkið 48 kynningar af HTML5 sem eru ótrúlegar og eiga skilið að sjást. Frábært er lítið.

Heimild | HongKiat

audioburst Fjör

Þægilegt og frábært fjör búið til með striga og hljóðmerki HTML5.

audioburst fjör HTML5 Sýning: 48 Möguleikar Flash Killing Demo

Ball laug

Með því að vera sýndur í síðasta Google I / O viðburðinum sýnir þetta kynningu þér hversu öflugt HTML5 getur verið.

kúlupottur HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Blob Sallad

HTML5-hrygnd skepna sem myndi þóknast þér.

blob sallad HTML5 Sýningargluggi: 48 Möguleg flassdrepandi kynningar

Bomomo

Með Bomomo er hægt að fylgjast með mismunandi lotukerfishreyfingum hermdum með HTML5.

bomomo HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Vafraball

Vertu undrandi með þessari HTML5 kúlu yfir „vafra“.

vafrakúla HTML5 Sýningargluggi: 48 Möguleg Flash-drepandi kynningar

Bubbles

Skemmtu þér með því að búa til endalausar fljótandi loftbólur með mismunandi lit.

loftbólur HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Teiknimynd Teiknimyndir

Einföld og fyndin HTML5 teiknimynd sem hjálpar þér að skilja hvað strigaþáttur HTML5 getur gert.

teiknimyndateiknimyndir HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Coolclock

Flott, sérhannaðar hliðræn klukka byggð af HTML5 og JavaScript.

coolclock HTML5 Sýning: 48 Möguleikar á Flash Killing Demo

Flickr PS3 myndasýning

Skoðaðu myndir Flickr með myndasýningu PS3 í vafranum.

flickr ps3 myndasýning HTML5 Sýningarsýning: 48 Hugsanlegir Flash Killing Demo

Gagnvirkt Polaroid

Gagnvirkt kynningu sem virkar nokkuð svipað og multi snerti tengi.

gagnvirkt polaroid HTML5 sýningarskápur: 48 Möguleg flassdrepandi kynningar

Flugeldar JS

Njóttu flugeldastundarinnar með þyngdaraflinu og hraðanum sem þú vilt, knúinn af HTML5 og Javascript.

js flugeldar HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Kaleidoscope

Mjög falleg og framúrstefnuleg HTML5 kaleidoscope.

kaleidoscope HTML5 Sýningarsýning: 48 Möguleikar á Flash Killing Demo

Fljótandi agnir

Næmt agna fjör sem bregst við á grundvelli hreyfingar músarinnar.

fljótandi agnir HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Dáleiðandi

Annað viðkvæmt og framúrskarandi HTML5 demo sem sýnir hvernig nálægir þættir bregðast við hreyfingu músarinnar.

dáleiðandi HTML5 Sýning: 48 Möguleg flassdrepandi kynningar

Þokuský

Týndist með þessari dásamlegu HTML5-þoku.

þokuský HTML5 Sýningargluggi: 48 Möguleg flassdrepandi kynningar

Parallax

Skoðaðu öll 2D formin samhliða sjónarhorni.

parallax HTML5 Sýning: 48 Möguleg Flash Killing Demo

Ögn fjör

Glæsilegt HTML5 agna fjör sem getur myndast í skilaboðin þín.

agna fjör HTML5 Sýning: 48 Möguleikar Flash Killing Demo

Verðbil

Týndist með þessu endalausa breiða fjör.

breiða út HTML5 Sýningarsýningu: 48 Möguleg Flash-drepandi kynningar

Starfield

Mjög flott HTML5 starfield fjör sem myndi breyta um stefnu og hraða miðað við músarhreyfingu þína.

starfield HTML5 Sýning: 48 Hugsanleg flassdrepandi kynningar

Vídeó eyðilegging

Einn smellur til að blása til spilunarmyndbands.

vídeó eyðilegging HTML5 Sýning: 48 Möguleg Flash drepandi kynningar

Bylgjuform

Takið eftir því hvernig strigabylgja HTML5 hreyfist með því að breyta amplitude, bylgjulengd, breidd osfrv.

bylgjulögun HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

3D áhrif

Hrifinn af strigafjörum? Það er meira sem strigaþáttur HTML5 getur gert og kallast 3D áhrif. Hönnuður getur treyst á strigaþætti, DOM og JavaScript til að búa til 3D áhrif, sem seinna er hægt að þróa í þrívíddar hreyfimynd eða leik.

Canvas3D og Flickr

Hafðu alveg nýja þrívíddarupplifun með ljóstraum Flickr.

canvas3d og flickr HTML5 Sýningarsýning: 48 Möguleikar á Flash Killing Demo

Klúthermi

Raunhæf, HTML5 byggð klúthermi.

klút eftirlíking HTML5 Sýning: 48 Möguleg flassdrepandi kynningar

Þróandi skrímsli

Fylgstu með skrímsli sem þróast í flókna veru, einn af skapara þess er HTML5.

skrímsli í þróun HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Google Gjafakassi

Risaleitarvélin Google er kynnt í þrívídd, spilanlegu útsýni.

google gjafakassi HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

JS Touch

Hágæða og raunhæft „3D á 2D striga“ sýningarskápur.

js touch HTML5 Sýning: 48 Hugsanleg flassdrepandi kynningar

Gögn kynning

Þó að strigaþáttur HTML5 sé hægt að nota til að búa til fjör og þrívíddaráhrif, þá er einnig hægt að útfæra hann til að setja fram stærðfræðileg gögn.

Gnuplot

Gnuplot, gagnatöfluforrit í HTML5 útgáfu.

gnuplot HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

RGraph

RGraph býður upp á fjölbreytt úrval gagnakynninga eins og súlurit, framvindustiku og hefðbundið ratsjárrit.

rgraph HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Vefumsókn

Að lokum, með því að nota alla möguleika sameina af HTML5 og öðru tungumáli, getur maður búið til gagnvirkt forrit eða leik sem er nálægt Flash forritinu.

Canvas Paint

Vitni um bróður Microsoft Paint kemur inn í vafrann þinn og faðir hans er HTML5.

canvaspaint HTML5 Sýning: 48 Möguleg Flash Killing Demo

CanvasMol

Vísindaleg forrit sem er byggt upp til að hjálpa þér að skilja uppbyggingu ákveðins jarðefna.

canvasmol HTML5 Sýning: 48 Möguleg Flash-drepandi kynningar

Teiknimyndasmiðir

Teiknið áhugaverða teiknimyndamynd með þessum lágmarks og gagnvirka teiknimyndasmið.

teiknimyndagerðarmaður HTML5 Sýningargluggi: 48 Hugsanleg flassdrepandi kynningar

Dragðu nokkuð hingað

Dragðu allt sem þú getur dregið í kynningunni til að sýna upplýsingar.

dragðu hvað sem er hingað HTML5 Sýningarsýning: 48 Möguleikar á Flash Killing Demo

Gartic skissa

Upprunalega HTML5 forritið sem gerir þér kleift að gera nokkrar grunnteikningar sem hægt er að vista á mismunandi myndform eins og jpeg eða png.

gartic sketch HTML5 Sýning: 48 Möguleg Flash Killing Demo

PhysicSketch

Teiknið hvað sem ykkur líkar og sjáið hvernig þau bregðast við með hermilíku.

physicsketch HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Skissuborð

Öflugt HTML5 teikniforrit sem gerir þér kleift að teikna og breyta myndinni á nákvæman hátt.

sketchpad HTML5 Sýning: 48 Möguleg Flash Killing Demo

Smámál

Vefforrit sem staðfestir landfræðilega staðsetningu veðurtengdra skilaboða sem fengust frá Twitter og mynda þau þannig í striga-byggt „félagslegt veður“ kort, alveg léttvægt (eins og fram kemur hjá höfundi) en áhugavert.

smalltalk HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Leikur

3Leiðist

Þér myndi aldrei leiðast ef þú getur haldið framhjá hundruðum HTML5 byssukúla á næstu sekúndu.

Þríborð HTML3 sýning: 5 möguleg Flash-drepandi kynningar

brot

Taktu boltann frá til að brjóta alla múrsteina.

brot HTML5 Sýning: 48 Möguleg Flash Killing Demo

Canvascape

Ekki alveg leikur, en það sýnir hvernig hægt er að nota HTML5 til að þróa First Person Shooting vafra leikinn.

canvascape HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Gríptu það

Hversu marga bolta geturðu forðast til að fá aðlaðandi HTML5 ferning þinn?

grípið það HTML5 Sýning: 48 Möguleg Flash Killing Demo

Keðjuverkun

Keðja sprenginguna til að ná markmiðinu, ekki verða háður.

keðjuverkun HTML5 Sýning: 48 Hugsanleg flassdrepandi kynningar

Cubeout

Spilaðu Tetris í þrívídd, frá toppi og niður.

kubúsútgáfa HTML5 Sýningargluggi: 48 Möguleg Flash-drepandi kynningar

etchaEðlisfræði

Teiknaðu hlut til að færa boltann til stjörnunnar, ekki gleyma þyngdaraflinu.

etaphaphicsics HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Jigsaw Puzzle

Smelltu á, snúðu og slepptu þrautabitum til að leysa þetta HTML5 byggt púsluspil.

púsluspil HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Renndu þraut

Renndu til sigurs, annar HTML5 leikur sem er smíðaður til að kreista hugarafann.

rennaþraut HTML5 Sýning: 48 Hugsanleg flassdrepandi kynningar

Sami leikur

Fjarlægðu ákveðinn hóp til að fá annan hóp í sama lit og að lokum yrði þér veittur sigur.

sami leikur HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo

Tetris

Einn klassískasti leikurinn sem HTML5 lifnaði við.

tetris HTML5 Sýning: 48 Hugsanleg Flash Killing Demo

Torus

Enn einn Tetris leikur í gervi-3D útgáfu.

torus HTML5 Sýningargluggi: 48 Möguleikar á Flash Killing Demo


Innihald greinarinnar fylgir meginreglum okkar um siðareglur ritstjórnar. Til að tilkynna um villu smelltu hér.

7 athugasemdir, láttu þitt eftir

Skildu eftir athugasemd þína

Netfangið þitt verður ekki birt. Nauðsynlegir reitir eru merktir með *

*

*

  1. Ábyrgðarmaður gagna: Miguel Ángel Gatón
  2. Tilgangur gagnanna: Control SPAM, umsögn stjórnun.
  3. Lögmæti: Samþykki þitt
  4. Samskipti gagna: Gögnunum verður ekki miðlað til þriðja aðila nema með lagalegri skyldu.
  5. Gagnageymsla: Gagnagrunnur sem Occentus Networks (ESB) hýsir
  6. Réttindi: Hvenær sem er getur þú takmarkað, endurheimt og eytt upplýsingum þínum.

  1.   Chupatina sagði

    TETRIS FAR EKKI, ÉG LÁ Tvær stykki á og gisti en HINN ER MJÖG KOLIR CHAVALES

  2.   Elisa sagði

    Ég elska þessa síðu ... nema fyrsti leikurinn. Ég elska þig Fran =)
    Bless koss til heimsins toooodooooooo

  3.   Helsic sagði

    Ótrúlegt, stórbrotið. Ég trúi ekki hversu langt vefþróun er komin!

  4.   Joe vega sagði

    Ég veit ekki af hverju þessum auðlindum er kennt við HTML5, þetta er hreint Javascript, áður en Flash kom upp, með Javascript var hægt að gera alla þessa hluti, það var rannsókn í Barselóna sem gerði nokkrar síður sem á þeim tíma sprengdu höfuðið á mér, allt í javascript svo mikið að ég lærði af þeim og hannaði par með skoppandi bolta og allt, ég missti þá alveg og sé enn eftir því. Ég man ekki nafnið á vinnustofunni það var eitthvað eins og þú2 eða 2þú2 sem var árið 98 eða svo.

  5.   ASDF sagði

    Joe Vega ... það sýnir að þú hefur enga helvítis hugmynd um HTML5 ... .lol

  6.   Joe vega sagði

    Þú ert kannski ekki með neina blóðuga html5 hugmynd, það er satt, en þið mistökið hanann fyrir hænsnakofann og aðgreinið ekki tungumál frá umhverfi. Ég skora á þig að gera dæmi eins og hérna án þess að nota Javascript, aðeins með html5, og þú skilur hvað ég átti við í færslunni sem ég eyddi. Það sem meira er, ég hef verið að skoða frumkóðann í dæmunum og það eru nokkur sem auðveldlega er hægt að gera án þess að setja það yfir html5.
    Að html5 hefur í för með sér margar endurbætur og hlutir sem auðvelda mikið er satt, en lóur hins frábæra hlutar sem sést á þessari síðu er Javascript.

  7.   Santiago Barchetta sagði

    Ég hef áhuga á að koma með kynningar af þessu tagi ... ertu með námskeið eða síðu með heimildum ??? Þakka þér fyrir!!!