Ma võtan selle postituse, et vastata küsimusele, mille esitasite hiljuti artikli kommentaarides:
Millal on hea aeg hakata HTML5-ga täielikult kujundama?
Noh, ausalt, see sõltub sihtmärgist, mida sihite. Kui te ei kavatse oma külastajatel kasutada Internet Explorerit (nt: Maci tarkvaraleht), alustage kohe HTML5-ga, kuid kui vajate oma veebisaidi nägemiseks IE-ga inimesi, siis parem oodake ...
Kirje peal, hästi pärast hüpet, on HTML48-st 5 demot, mis on hämmastavad ja väärivad vaatamist. Suur on vähe.
Allikas | HongKiat
audioburst Animatsioon
HTML5 lõuendi ja helimärgiga loodud mugav ja fantastiline animatsioon.
Pallibassein
Viimasel Google'i sisend- / väljundsündmusel esitletud demo näitab, kui dünaamiline saab HTML5 olla.
Kämp Sallad
HTML5-i abil loodud olend, mis teile meeldiks.
bomomo
Bomomo abil saate jälgida HTML5-ga simuleeritud erinevaid aatomi liikumisi.
Brauseri pall
Imestage selle „brauseritevahelise” HTML5-palli üle.
Bubbles
Lõbutsege, luues lõputult erineva värviga ujuvaid mulli.
Lõuendi koomiks animatsioon
Lihtne ja naljakas HTML5 koomiks, mis aitab teil mõista, mida HTML5 lõuendi element suudab.
Lahe kell
HTML5 ja JavaScripti ehitatud kena kohandatav analoogkell.
Flickr PS3 slaidiseanss
Vaadake oma brauseris oma Flickri fotosid PS3 stiilis slaidiseansiga.
Interaktiivne polaroid
Interaktiivne demo, mis töötab üsna sarnaselt multi-touch liidesega.
JS ilutulestik
Nautige ilutulestiku hetke oma eelistatud raskuse ja kiirusega, toetudes HTML5-st ja Javascriptist.
Kaleidoskoop
Väga ilus ja futuristlik HTML5 kaleidoskoop.
Vedelad osakesed
Tundlik osakeste animatsioon, mis reageerib teie hiire liikumise põhjal.
Mesmeriseerija
Teine tundlik ja silmapaistev HTML5-demo, mis näitab, kuidas lähedal asuvad elemendid teie hiire liikumisega reageerivad.
Udupilv
Eksige selle imelise HTML5 udukoguga.
Parallaks
Vaadake kõiki 2D kujundeid paralleelselt.
Osakeste animatsioon
Elegantne HTML5-osakeste animatsioon, mis võib moodustada teie eelistatud sõnumi.
Levima
Eksige selle lõputu levitatava animatsiooni abil.
Starfield
Väga lahe HTML5-tärnivälja animatsioon, mis muudaks suuna ja kiirust vastavalt hiire liikumisele.
Video hävitamine
Esitatava video buumimiseks üks klõps.
Lainekuju
Pange tähele, kuidas HTML5 lõuendi laine liigub, muutes selle amplituudi, lainepikkust, laiust jne.
3D efekt
Muljet lõuendi animatsioon? See on rohkem HTML5 lõuendi element, mida saab teha, ja seda nimetatakse 3D-efektiks. Arendaja saab 3D-efekti loomisel toetuda lõuendi elemendile, DOM-ile ja JavaScripti, millest saab hiljem arendada 3D-animatsiooni või mängu.
Canvas3D ja Flickr
Saate Flickri fotovoogu täiesti uue 3D-kogemuse.
Riide simulatsioon
Realistlik HTML5-põhine riidest simulatsioon.
Arenev koletis
Vaadake, kuidas koletis areneb keerukaks olendiks, selle üheks loojaks on HTML5.
Google'i kinkekarp
Hiiglaslik otsingumootor Google esitatakse 3D-vormingus mängitavas vaates.
J.S. Puudutage
Kvaliteetne ja realistlik "3D 2D lõuendil" vitriin.
Andmete esitamine
Kuigi HTML5 lõuendi elementi saab kasutada animatsiooni ja 3D-efekti loomiseks, saab seda rakendada ka matemaatiliste andmete esitamiseks.
gnuplot
Gnuplot, andmete joonestamise rakendus HTML5 versioonis.
RGraph
RGraph pakub laia valikut andmeesitlusi, näiteks tulpdiagrammi, edenemisriba ja traditsioonilist radarikaarti.
Veebirakendus
Lõppkokkuvõttes saab kõiki HTML5 ja muu keelega kombineeritud võimalusi kasutades luua interaktiivse rakenduse või mängu, mis on Flash-rakenduse lähedal.
CanvasPaint
Tunnistaja, et Microsoft Paint'i vend tuleb teie veebibrauserisse ja tema isa on HTML5.
CanvasMol
Teaduslik rakendus, mis on loodud selleks, et aidata teil mõista teatud maaelemendi struktuuri.
Multikate ehitaja
Selle minimaalse ja interaktiivse koomiksiehitaja abil saate joonistada huvitavat koomiksit.
Lohistage kõik siia
Üksikasjade kuvamiseks lohistage kõik, mida saate demos lohistada.
Gartici visand
Algne HTML5-rakendus, mis võimaldab teil teha mõned põhijoonised, mida saab salvestada erinevasse pildivormingusse, näiteks jpeg või png.
Füüsiline Sketch
Joonista kõik, mis sulle meeldib, ja vaata, kuidas nad simuleeritud gravitatsiooniga reageerivad.
visandiplokk
Võimas HTML5 joonistusrakendus, mis võimaldab teil oma pilti täpselt joonistada ja redigeerida.
Väike jutt
Veebirakendus, mis kinnitab Twitterist saadud ilmastikuga seotud sõnumite geograafilist asukohta, moodustades need lõuendipõhiseks "sotsiaalse ilma" kaardiks, mis on üsna tühine (nagu autor väitis), kuid huvitav.
Mäng
3 Igav
Teil ei oleks kunagi igav, kui suudate järgmise sekundi jooksul pidevalt sadadest HTML5-kuulidest kõrvale hiilida.
Breakout
Kõigi telliste purustamiseks põrutage pall tagasi.
lõuend
Mitte päris mäng, kuid see näitab, kuidas HTML5-d saab kasutada brauserimängu First Person Shooting arendamiseks.
Püüdke seda
Mitu palli saate vältida, et saada oma võitnud HTML5 ruut?
Ahelreaktsioon
Aheldage plahvatus eesmärgi saavutamiseks, ärge sattuge sõltuvusse.
Kuubik
Mängige Tetrist ülalt-alla 3D-vaates.
etchaFüüsika
Kuuli liigutamiseks tähe poole tõmmake joonistust, ärge unustage raskust.
Jigsaw Puzzle
Selle HTML5-põhise mosaiikpildi lahendamiseks klõpsake, pöörake ja visake puzzle tükke.
Slide Puzzle
Libistage võidule - see on veel üks HTML5-mäng, mis on loodud teie meele mahla pressimiseks.
Sama mäng
Eemaldage teatud rühm, et saada teine sama värvi rühm ja lõpuks saate võidu.
Tetris
Üks klassikalisemaid mänge, mille HTML5 taas ellu äratas.
Torus
Veel üks Tetrise mäng pseudo-3D versioonis.
TETRIS EI lähe, panin kaks tükki sisse ja seisan, aga ülejäänud on väga jahedad kaviivid
Mulle meeldib see leht ... välja arvatud esimene mäng. Ma armastan sind Fran =)
Hüva suudlus maailmale ka
Uskumatu, suurejooneline. Ma ei suuda uskuda, kui kaugele on veebiarendus jõudnud!
Ma ei tea, miks neid ressursse HTML5-le omistatakse, see on puhas Javascript, enne Flashi tõusu koos Javascriptiga sai kõiki neid asju teha, Barcelonas tehti uuring, mis tegi mõned saidid, mis sel ajal mu pea puhusid, kõike javascriptis nii palju, et õppisin neilt ja kujundasin paar põrgatavate pallidega ja kõik, ma kaotasin need täielikult ja kahetsen seda siiani. Ma ei mäleta stuudio nime, see oli midagi sellist nagu sina2 või sina2, mis oli umbes 2. aastal.
Joe Vega ... ... see näitab, et sul pole HTML5-st kuradi aimu ... lol
Võib-olla pole teil ühtegi verist html5 ideed, see on tõsi, kuid ajate kuke segi kanakuudiga ega erista keelt keskkonnast. Ma kutsun teid üles tegema siin näiteks näiteks Javascripti kasutamata näide ainult HTML5-ga ja saate aru, mida ma kustutatud postituses mõtlesin. Veelgi enam, olen vaadanud näidete lähtekoodi ja on mitmeid, mida saab hõlpsasti teha, ilma et peaksite seda HTML5-le installima.
See HTML5 toob palju parandusi ja palju hõlbustavaid asju, on tõsi, kuid sellel lehel kuvatud fantastilise asja loorberid on Javascript.
Olen huvitatud seda tüüpi esitluste tegemisest ... kas teil on õpetus või ressurssidega leht ??? Aitäh!!!