HTML5 veebisaitide esitlus 48 Potentsiaalsed Flash-killing Demod

Nii et olete kuulnud, et kõik HTML5-i kuulujutud võtavad üle Adobe Flashi. Kuigi enamik veebikogukondadest väidab, et see on võimalik või mitte, peate eksima, mis teeb HTML5 nii võimsaks, et isegi hiiglane firma Apple tahab seda Flashi asendamiseks kasutada.

Sellepärast on see postitus olemas, me ei räägi sellest, mida HTML5 suudab teha, vaid näitame elusaid demosid maagilistest asjadest, mida HTML5 saab teiste keelega nagu JavaScript, nii et olge valmis inspireerima.

Märkus: Kuna teatud veebibrauser, nagu Internet Explorer, ei toeta HTML5-d, siis soovitame tungivalt kasutada kõiki Firefoxi brausereid kõigi HTML5 demode vaatamiseks allpool.

Animatsioon

HTML5-i lõuendielement on HTML5-le otsustav tegur teatud Flash-animatsiooni asendamiseks. See võimaldab teil luua 2D kuju ja bittikaartide kujutiste dünaamilist skripteeritavat esitamist Javascriptiga, mis muul viisil on kontrollitav animatsioon.

Audioburst Animatsioon

Mugav ja fantastiline animatsioon, mis on loodud HTML5 lõuendi ja audiosilti abil.

Ball Pool

See demo näitab, kuidas dünaamiline HTML5 saab olema viimases Google I / O sündmuses.

Blob Sallad

HTML5-loonud olend, mis teile meeldiks.

Bomomo

Bomomoga on võimalik jälgida HTML5-ga simuleeritud erinevat aatomiliikumist.

Brauseri pall

Hämmastage seda „piiriülese brauseri” HTML5 palli.

Mullid

Lõbutsege lõbusate värvidega lõputute mullide loomisega.

Lõuend Cartoon Animatsioon

Lihtne ja naljakas HTML5 koomiks, mis aitab teil mõista, mida HTML5 lõuendelement saab teha.

Coolclock

Kena, kohandatav analoogkell, mille on ehitanud HTML5 ja JavaScript.

Flickr PS3 slaidiseanss

Vaadake oma Flickri fotosid veebibrauseris PS3-stiili esitlusega.

Interaktiivne Polaroid

Interaktiivne demo, mis töötab päris sarnaselt multi-touch liidesega.

JS Ilutulestikud

Naudi ilutulestiku hetke oma eelistatud raskusastmega ja kiirusega, mida toetab HTML5 ja Javascript.

Kaleidoskoop

Väga ilus ja futuristlik HTML5 kaleidoskoop.

Vedelad osakesed

Tundlik osakeste animatsioon, mis reageerib hiire liikumise põhjal.

Mesmerizer

Teine tundlik ja silmapaistev HTML5 demo, mis näitab, kuidas lähedal asuvad elemendid hiire liikumisega reageerivad.

Nebula Cloud

Kao see imeline HTML5 udu.

Parallaks

Vaadake paralleelselt kõiki 2D kuju.

Osakeste animatsioon

Elegantne HTML5 osakeste animatsioon, mis võib moodustada teie eelistatud sõnumi.

Spread

Kao see lõputu levikuga animatsioon.

Starfield

Väga lahe HTML5-tärniväljaku animatsioon, mis muudaks suunda ja kiirust hiire liikumise põhjal.

Video hävitamine

Üks hiireklõps mängiva video kuvamiseks.

Waveform

Jälgige, kuidas HTML5 lõuendi laine liigub, muutes selle amplituudi, lainepikkust, laiust jne.

3D efekt

Kujundanud lõuendi animatsioon? See on rohkem HTML5-i lõuendielement, mida nimetatakse 3D-efektiks. Arendaja võib 3D efekti loomiseks tugineda lõuendelemendile, DOM-ile ja JavaScript-ile, mida saab hiljem arendada 3D-animatsiooniks või mänguks.

Canvas3D ja Flickr

Flickr'i fotovärviga on täiesti uus 3D-kogemus.

Riide simulatsioon

Realistlik, HTML5-põhine riidestimulatsioon.

Arenev koletis

Jälgige monsterit, mis kujuneb keeruliseks olendiks, üks selle loojast on HTML5.

Google Giftbox

Hiiglane otsingumootor Google esitatakse 3D-mängiva vaatena.

JS Touch

Kvaliteetne ja realistlik „3D 2D lõuendil” presentatsioon.

Andmete esitamine

Kuigi HTML5 lõuendielementi saab kasutada animatsiooni ja 3D efekti loomiseks, võib seda rakendada ka matemaatiliste andmete esitamiseks.

Gnuplot

Gnuplot, HTML5 versiooni joonistamise rakendus.

RGraph

RGraph pakub laia valikut esitlusi nagu ribakaart, edenemisriba ja traditsiooniline radarikaart.

Veebirakendus

Lõppkokkuvõttes saab kasutada kõiki HTML5 ja teiste keelte kombineeritud võimalusi kasutades interaktiivset rakendust või mängu, mis on Flashi rakenduse lähedal.

CanvasPaint

Tunnistaja, et Microsoft Paint'i vend saab teie veebibrauserisse ja tema isa on HTML5.

CanvasMol

Teaduslik rakendus, mis on loodud selleks, et aidata teil mõista teatud elemendi struktuuri.

Cartoon Builder

Joonista huvitav joonisfilm selle minimaalse ja interaktiivse joonisfilmide ehitajaga.

Lohista midagi siin

Andmete näitamiseks lohistage midagi, mida saate demos tõmmata.

Gartic Sketch

Algne HTML5 rakendus, mis võimaldab teil teha mõned põhilised joonised, mida saab salvestada erinevasse pildivormingusse nagu jpeg või png.

PhysicSketch

Joonista iganes sa tahad ja vaata, kuidas nad simuleeritud gravitatsiooniga reageerivad.

Sketchpad

Võimas HTML5 joonistusrakendus, mis võimaldab teil kujutist täpselt joonistada ja redigeerida.

Smalltalk

Veebirakendus, mis kinnitab Twitterist saadud ilmastikuga seotud sõnumite geograafilist asukohta, moodustades seega lõuendil põhineva sotsiaalse ilmakaardi, mis on üsna triviaalne (nagu autor on öelnud), kuid huvitav.

Mäng

3Bored

Sa ei oleks kunagi igav, kui te saaksite teisel sekundil hoida ära sadu HTML5 täppe.

Välja murdma

Pöörake pall, et murda kõik tellised.

Canvascape

Mitte päris mäng, kuid see näitab, kuidas HTML5-i saab kasutada esimese inimese pildistamise brauserimängu arendamiseks.

Saak seda

Kui palju pallid sa võidad, et saada oma võitnud HTML5 ruut?

Kettreaktsioon

Chain plahvatus eesmärgi saavutamiseks, ei saa sõltuvuses.

Cubeout

Esita Tetris 3D-ülalt alla.

etchaPhysics

Joonista objekt, et liigutada palli tähe juurde, ärge unustage raskust.

Puzzle

Selle HTML5-põhise mosaiikpildi lahendamiseks klõpsa, pöörake ja kukutage puzzle tükki.

Slide Puzzle

Lükake võidu juurde, teine ​​HTML5 mäng, mis on ehitatud meele mahla pigistamiseks.

Sama mäng

Eemaldage teatud grupp, et saada teise grupiga sama värvi ja sa võidakse lõpuks võita.

Tetris

Üks klassikalisemaid mängu, mille HTML5 tõi tagasi.

Torus

Veel üks Tetrise mäng pseudo-3D-versioonis.

Järeldus

Mis on HTML5 piirang? Siinkohal ei saa me otsustada, kuid alltoodud muljetavaldava video abil saame teada, kui kaugele HTML5 on lükatud:

Jah, see on Quake II veebibrauseris, nii et nüüd on väga selge, et HTML5-ga saab rohkem murrangulisi veebirakendusi, et teenida miljardeid internetikasutajaid. See on kiire, see areneb ja see muudab maailma veebi. Küsimus on selles, kuidas sa kasutaksid seda mängu muutvat HTML5?

Meile meeldib kuulda teie ideed!