E marr këtë postim për të zgjidhur një pyetje që keni bërë kohët e fundit në komentet e një artikulli:
Kur është një kohë e mirë për të filluar hartimin plotësisht me HTML5?
Epo, sinqerisht, kjo varet nga synimi që synoni. Nëse nuk planifikoni që vizitorët tuaj të përdorin Internet Explorer (p.sh .: faqja e softuerit Mac) atëherë filloni menjëherë me HTML5, por nëse keni nevojë për njerëz me IE për të parë faqen tuaj në internet, më mirë të prisni ...
Në hyrje, edhe pas kërcimit të 48 demonstrimeve të HTML5 që janë të mahnitshme dhe meritojnë të shihen. E madhe është pak.
Burimi | HongKiat
aAnimacion udioburst
Një animacion komod dhe fantastik i krijuar me kanavacë dhe etiketë audio të HTML5.
Pishina topi
Duke u shfaqur në ngjarjen e fundit të Google I / O, kjo demonstrim ju tregon se sa dinamik mund të jetë HTML5.
Sallatë Blob
Një krijesë e pjellë HTML5 që do t'ju pëlqejë.
bomomo
Me Bomomo, ju mund të vëzhgoni lëvizje të ndryshme atomike të simuluara me HTML5.
Topi i shfletuesit
Mahnituni me këtë top HTML5 'të ndër-shfletuesit'.
Bubbles
Argëtohuni duke krijuar flluska pafund lundruese me ngjyra të ndryshme.
Animacion karikaturë kanavacë
Një karikaturë e thjeshtë dhe qesharake HTML5 që ju ndihmon të kuptoni se çfarë mund të bëjë elementi i kanavacës së HTML5.
Orë e ftohtë
Një orë analoge e këndshme, e rregullueshme, e ndërtuar nga HTML5 dhe JavaScript.
Shfaqja Slide e Flickr PS3
Shikoni fotot e Flickr-it tuaj me shfaqje slidesh të stilit PS3 në shfletuesin e internetit.
Interaktive Polaroid
Një demo interaktive që funksionon shumë e ngjashme me ndërfaqen me shumë prekje.
Fishekzjarret JS
Shijoni momentin e fishekzjarreve me gravitetin dhe shpejtësinë tuaj të preferuar, mundësuar nga HTML5 dhe Javascript.
Kaleidoskop
Një kaleidoskop HTML5 shumë i bukur dhe futurist.
Grimcat e lëngshme
Animacion i ndjeshëm i grimcave që reagon bazuar në lëvizjen tuaj të miut.
Hipnotizues
Një tjetër demo e ndjeshme dhe e jashtëzakonshme HTML5 që tregon se si reagojnë elementët e afërt me lëvizjen tuaj të miut.
Mjegullnaja
Humbni me këtë mjegullnyrë të mrekullueshme HTML5.
paralaks
Shikoni të gjitha format 2D në perspektivë paralele.
Animacion grimcash
Një animacion elegant i grimcave HTML5 që mund të formohet në mesazhin tuaj të preferuar.
Përhap
Humbni me këtë animacion të përhapur pafund.
Starfield
Një animacion shumë i bukur HTML5 me yll që mund të ndryshojë drejtimin dhe shpejtësinë bazuar në lëvizjen tuaj të miut.
Shkatërrimi i videos
Një klikim për të shndërruar një video që luan.
waveform
Vini re sesi lëviz vala e kanavacës së HTML5 duke ndryshuar amplituda, gjatësia e valës, gjerësia, etj.
Efekti 3D
Të bën përshtypje animacioni në kanavacë? Kjo është më shumë që mund të bëjë elementi i kanavacës së HTML5 dhe quhet efekt 3D. Zhvilluesi mund të mbështetet në elementin e kanavacës, DOM dhe JavaScript për të krijuar efekt 3D, i cili më vonë mund të zhvillohet në animacion ose lojë 3D.
Canvas3D dhe Flickr
Keni një përvojë krejt të re 3D me fotostreamin e Flickr.
Simulimi i rrobave
Një simulim leckash realist, i bazuar në HTML5.
Përbindësh në zhvillim
Vëzhgoni një përbindësh që evoluon në një krijesë të komplikuar, një nga krijuesit e tij është HTML5.
Kutia e dhuratave e Google
Motori gjigant i kërkimit Google paraqitet në pamje 3D, të luajtshme.
J.S. Prekje
Një vitrinë me cilësi të lartë dhe realiste '3D në Canvas 2D'.
Prezantimi i të dhënave
Ndërsa elementi kanavacë i HTML5 mund të përdoret për të krijuar animacion dhe efekt 3D, ai gjithashtu mund të zbatohet për të paraqitur të dhëna matematikore.
gnuplot
Gnuplot, një aplikacion për vizatimin e të dhënave në versionin HTML5.
RGrafiku
RGraph ofron një gamë të gjerë të paraqitjes së të dhënave si diagramë shtyllash, shirit progresi dhe diagram tradicional i radarëve.
Aplikimi në internet
Në fund të fundit, duke përdorur të gjitha mundësitë e kombinuara nga HTML5 dhe gjuhë të tjera, mund të krijohet një aplikacion interaktiv ose lojë që është afër aplikacionit Flash.
CanvasPaint
Dëshmitari, vëllai i Microsoft Paint vjen në shfletuesin tuaj të internetit dhe babai i tij është HTML5.
CanvasMol
Një aplikacion shkencor i cili është ndërtuar për t'ju ndihmuar të kuptoni strukturën e caktuar të elementit të tokës.
Ndërtuesi i karikaturave
Vizatoni një imazh interesant vizatimor me këtë ndërtues vizatimor minimal dhe interaktiv.
Zvarrit çdo gjë këtu
Tërhiqni gjithçka që mund të tërhiqni në demo për të treguar detajet.
Skica gartike
Një aplikacion origjinal HTML5 që ju lejon të bëni disa vizatime themelore që mund të ruhen në format të ndryshëm të imazhit si jpeg ose png.
Skicë fizike
Vizatoni gjithçka që ju pëlqen dhe shikoni se si reagojnë ata me gravitetin e simuluar.
jastëk skicimi
Një aplikacion i fuqishëm për vizatim HTML5 që ju mundëson të vizatoni dhe ndryshoni imazhin tuaj në mënyrë precize.
Muhabet
Një aplikacion në internet që konfirmon pozicionin gjeografik të mesazhit të lidhur me motin, të marrë nga Twitter, duke i formuar kështu ato në një hartë 'moti shoqëror' të bazuar në kanavacë, mjaft e parëndësishme (siç thuhet nga autori) por interesante.
Lojë
3Të mërzitura
Ju kurrë nuk do të mërziteni nëse mund të shmangni qindra plumba HTML5 në sekondën tjetër.
Breakout
Kthyesh topin për të thyer të gjitha tullat.
Kanavacë
Jo mjaft lojë, por demonstron se si HTML5 mund të përdoret për të zhvilluar lojën e shfletuesit First Person Shooting.
Kapeni
Sa topa mund të shmangni për të marrë katrorin tuaj HTML5 fitues?
Reaksion zinxhir
Zinxhiro shpërthimin për të arritur qëllimin, mos u bëj i varur.
kubik
Luaj Tetris në pamje 3D, nga lart-poshtë.
etkaFizika
Vizatoni një send për të lëvizur topin në yll, mos harroni për gravitetin.
Lojë me bashkim pjesësh figure
Klikoni, rrotulloni dhe hidhni pjesë të enigmës për të zgjidhur këtë mister me bashkim figurash të bazuar në HTML5.
Mister rrëshqitës
Rrëshqisni drejt fitores, një tjetër lojë HTML5 që është ndërtuar për t'ju shtrydhur lëngun e mendjes.
E njëjta lojë
Hiqni një grup të caktuar për të marrë një grup tjetër të çiftuar në të njëjtën ngjyrë dhe përfundimisht do t'ju jepet një fitore.
Tetris
Një nga lojërat më klasike të rikthyera në jetë nga HTML5.
kupë
Edhe një lojë tjetër Tetris në versionin pseudo-3D.
TETRIS NUK SHKOHET, I V TW DY PJESA DHE Q STNDRON, POR PJESA E SHTPIS ISSHTA SHAVALE TER SHUMOL FTOH
Unë e dua këtë faqe ... përveç ndeshjes së parë. Te dua Fran =)
Lamtumirë një puthje për botën toooodooooooo
E pabesueshme, spektakolare. Nuk mund të besoj se sa larg ka arritur zhvillimi në internet!
Unë nuk e di pse këto burime i atribuohen HTML5, ky është Javascript i pastër, para ngritjes së Flash, me Javascript të gjitha këto gjëra mund të bëheshin, kishte një studim në Barcelonë që bëri disa faqe që në atë kohë më frynin kokën, të gjitha në javascript aq shumë sa që mësova prej tyre dhe krijova një çift me topa kërcim dhe të gjithë, i humba plotësisht dhe ende pendohem Nuk më kujtohet emri i studios ishte diçka si ti2 ose 2you2 që ishte në 98 apo më shumë.
Joe Vega …… tregon se nuk keni asnjë ide të ndyrë për HTML5 l .lol
Ju mund të mos keni ndonjë ide të përgjakshme html5, është e vërtetë, por ju djema gaboni gjelin për pula dhe nuk bëni dallimin e një gjuhe nga një mjedis. Unë ju sfidoj të bëni një shembull si ata këtu pa përdorur Javascript, vetëm me html5, dhe do të kuptoni se çfarë nënkuptova në postimin që fshiva. Për më tepër, unë kam shikuar kodin burimor të shembujve dhe ka disa që mund të bëhen lehtësisht pa pasur nevojë ta montoni në HTML5.
Kjo html5 sjell shumë përmirësime dhe gjëra që lehtësojnë shumë është e vërtetë, por dafinat e gjërave fantastike që shfaqen në këtë faqe janë Javascript.
Unë jam i interesuar të bëj prezantime të këtij lloji ... a keni një tutorial apo faqe me burime ??? Faleminderit!!!