48 demo brutali HTML5 / CSS3

animazzjoni tal-kartun tal-kanvas Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Nieħu din il-kariga biex inwieġeb mistoqsija li għamilt dan l-aħħar fil-kummenti ta 'artiklu:

Meta huwa żmien tajjeb biex tibda tiddisinja kompletament bl-HTML5?

Ukoll, onestament, jiddependi fuq il-mira li qed timmira għaliha. Jekk ma tippjanax li l-viżitaturi tiegħek jużaw l-Internet Explorer (eż: paġna tas-softwer Mac) imbagħad ibda mill-ewwel bl-HTML5, imma jekk għandek bżonn nies bl-IE biex tara l-websajt tiegħek, aħjar tistenna ...

Fuq id-dħul, sew wara l-qabża 48 demo ta 'HTML5 li huma tal-għaġeb u jistħoqqilhom jidhru. Kbira hija ftit.

Sors | HongKiat

aAnimazzjoni tal-udioburst

Animazzjoni komda u meraviljuża maħluqa bil-kanvas u l-awdjo tag ta 'HTML5.

animazzjoni tal-awdjo-tifqigħ Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Pixxina tal-Ballun

Waqt li tintwera fl-aħħar avveniment ta 'Google I / O, din id-demo turik kemm jista' jkun dinamiku HTML5.

pool tal-ballun HTML5 Vetrina: 48 Demo Qtil Potenzjali tal-Flash

Blob Salad

Kreatura mnissla mill-HTML5 li togħġbok.

blob sallad HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash

Bomomo

B'Bomomo, tista 'tosserva moviment atomiku differenti simulat b'HTML5.

Vetrina bomomo HTML5: 48 Demo Qtil Potenzjali tal-Flash

Browser Ball

Ibbazja b'din il-ballun HTML5 'cross-browser'.

ballun tal-browser HTML5 Vetrina: 48 Demo Qtil Potenzjali tal-Flash

Bżieżaq

Ħu gost billi toħloq bżieżaq li jżommu f'wiċċ l-ilma bla kulur b'kulur differenti.

bżieżaq HTML5 Vetrina: 48 Demo Qtil Potenzjali ta 'Flash

Animazzjoni tal-Kanvas Cartoon

Disinn tal-HTML5 sempliċi u umoristiku li jgħinek tifhem x'jista 'jagħmel l-element kanvas tal-HTML5.

animazzjoni tal-kartun tal-kanvas Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Coolclock

Arloġġ analogu sabiħ u personalizzabbli mibni minn HTML5 u JavaScript.

coolclock HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash

Wirja tal-Flickr PS3

Ara r-ritratti tal-Flickr tiegħek bi slideshow stil PS3 fil-web browser.

flickr ps3 slideshow HTML5 Showcase: 48 Demo Qtil Potenzjali tal-Flash

Polaroid Interattiv

Demo interattiv li jaħdem pjuttost simili għal interface multi touch.

Vetrina interattiva tal-polaroid HTML5: 48 Demo Qtil Potenzjali tal-Flash

Logħob tan-Nar JS

Igawdu l-mument tal-logħob tan-nar bil-gravità u l-veloċità preferuta tiegħek, imħaddem minn HTML5 u Javascript.

Vara tal-logħob tan-nar js HTML5: 48 Demo Qtil Potenzjali tal-Flash

Kaleidoscope

Kalidoskopju HTML5 sabiħ ħafna u futuristiku.

vetrina tal-kalejdoskopju HTML5: 48 Demo Qtil Potenzjali tal-Flash

Partiċelli Likwidi

Animazzjoni tal-partiċelli sensittivi li tirreaġixxi bbażata fuq il-moviment tal-maws.

partiċelli likwidi Vetrina HTML5: 48 Demo Qtil Potenzjali ta 'Flash

Mesmerizer

Demo HTML5 ieħor sensittiv u pendenti li juri kif l-elementi fil-qrib jirreaġixxu miegħek il-moviment tal-maws.

Vetrina HTML5 ta 'mesmerizer: 48 Demo Qtil Potenzjali ta' Flash

Sħab Nebula

Intilef b'din in-nebula tal-HTML5 tal-għaġeb.

sħaba tan-nebula Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Parallax

Ara l-forom 2D kollha f'perspettiva parallela.

Parallax HTML5 Vetrina: 48 Demo Qtil Potenzjali tal-Flash

Animazzjoni tal-Partiċelli

Animazzjoni eleganti tal-partiċelli HTML5 li tista 'tifforma fil-messaġġ preferut tiegħek.

animazzjoni tal-partiċelli Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Ifrex

Intilef b'din l-animazzjoni mifruxa bla tmiem.

ixerred Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Starfield

Animazzjoni starfield HTML5 friska ħafna li tbiddel id-direzzjoni u l-veloċità bbażata fuq il-moviment tal-maws.

Vetrina HTML5 ta 'starfield: 48 Demo Qtil Potenzjali tal-Flash

Vidjo Qerda

Klikk waħda biex tiftaħ vidjo li qed jilgħab.

vidjo qerda HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash

Forma tal-mewġ

Innota kif il-mewġa tal-kanvas tal-HTML5 timxi billi tbiddel l-amplitudni, it-tul tal-mewġ, il-wisa 'tagħha, eċċ.

Vetrina tal-forma tal-mewġ HTML5: 48 Demo Qtil Potenzjali tal-Flash

Effett 3D

Impressjonat bl-animazzjoni tal-kanvas? Dak l-iktar element kanvas ta 'HTML5 jista' jagħmel, u jissejjaħ effett 3D. L-iżviluppatur jista 'joqgħod fuq element kanvas, DOM u JavaScript biex joħloq effett 3D, li aktar tard jista' jiġi żviluppat f'animazzjoni 3D jew logħba.

Canvas3D u Flickr

Ikollok esperjenza 3D ġdida bis-sħiħ bil-photostream ta 'Flickr.

canvas3d u flickr HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash

Simulazzjoni tad-Drapp

Simulazzjoni tad-drapp realistika, ibbażata fuq l-HTML5.

simulazzjoni ta 'drapp Vetrina HTML5: 48 Demo Qtil Potenzjali ta' Flash

Monster li qed jevolvi

Osserva mostru li qed jevolvi fi kreatura kkumplikata, wieħed mill-kreatur tiegħu huwa HTML5.

mostru li qed jevolvi HTML5 Vetrina: 48 Demo Qtil Potenzjali tal-Flash

Google Giftbox

Il-magna tat-tiftix ġgant Google hija ppreżentata f'viżjoni 3D li tista 'tintlagħab.

google giftbox HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash

JS Touch

Vetrina '3D fuq Kanvas 2D' ta 'kwalità għolja u realistika.

js touch HTML5 Showcase: 48 Demo Qtil Potenzjali tal-Flash

Preżentazzjoni tad-Data

Filwaqt li l-element kanvas ta 'HTML5 jista' jintuża biex joħloq animazzjoni u effett 3D, jista 'jiġi implimentat ukoll biex jippreżenta dejta matematika.

Gnuplot

Gnuplot, applikazzjoni għall-ippjanar tad-dejta fil-verżjoni HTML5.

gnuplot Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

RGraph

RGraph jipprovdi firxa wiesgħa ta 'preżentazzjoni ta' dejta bħal bar chart, progress bar u radar chart tradizzjonali.

Vetrina HTML5 rgraph: 48 Demo Qtil Potenzjali tal-Flash

Applikazzjoni tal-Web

Fl-aħħar mill-aħħar, billi tuża l-possibbiltajiet kollha kkombinati minn HTML5 u lingwa oħra, wieħed jista 'joħloq applikazzjoni interattiva jew logħba li tkun viċin l-applikazzjoni Flash.

CanvasPaint

Xhud li ħu Microsoft Paint jidħol fil-web browser tiegħek, u missieru huwa HTML5.

canvaspaint Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

CanvasMol

Applikazzjoni xjentifika li hija mibnija biex tgħinek tifhem l-istruttura ta 'ċertu element tad-dinja.

Vetrina tal-canvasmol HTML5: 48 Demo Qtil Potenzjali tal-Flash

Bennej tal-kartuns

Pinġi immaġni tal-kartuns interessanti b’dan il-bennej tal-kartuns minimu u interattiv.

bennej tal-kartuns HTML5 Vetrina: 48 Demo Qtil Potenzjali tal-Flash

Drag Xejn Hawn

Drag kwalunkwe ħaġa li tista 'tkaxkar fid-demo biex turi d-dettalji.

drag xejn hawn Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Skeċċ Gartic

Applikazzjoni oriġinali HTML5 li tippermettilek tagħmel xi tpinġijiet bażiċi li jistgħu jiġu ffrankati f'format ta 'immaġni differenti bħal jpeg jew png.

skeċċ gartiku Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

PhysicSketch

Pinġi dak li tixtieq u ara kif jirreaġixxu bi gravità simulata.

physicsketch HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash

Sketchpad

Applikazzjoni qawwija ta 'tpinġija HTML5 li tippermettilek tiġbed u teditja l-immaġni tiegħek b'mod preċiż.

sketchpad Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Tkellem żgħir

Applikazzjoni tal-web li tikkonferma l-pożizzjoni ġeografika ta 'messaġġ relatat mat-temp akkwistat minn Twitter, u b'hekk tifformahom f'mappa tat-'temp soċjali' bbażata fuq il-kanvas, pjuttost trivjali (kif iddikjarat mill-awtur) iżda interessanti.

smalltalk Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Game

3 Imdejjaq

Qatt ma tiddejjaq jekk tista 'tkompli tevadi mijiet ta' balal HTML5 fit-tieni li jmiss.

3bored HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash

Aħrab

Erġa 'aqla' l-ballun biex tkisser il-briks kollha.

Tifrix tal-Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Canvascape

Mhux logħba pjuttost, iżda turi kif HTML5 jista 'jintuża biex tiżviluppa logħba tal-browser tal-Isparar tal-Ewwel Persuna.

canvascape Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Aqbadha

Kemm blalen tista 'tevita biex tikseb il-kwadru HTML5 rebbieħ tiegħek?

aqbadha Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Reazzjoni Katina

Katina l-isplużjoni biex tilħaq l-għan, tibqax dipendenti.

reazzjoni katina Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Cubeout

Daqq it-Tetris fit-3D, minn fuq għal isfel.

cubeout Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

etchaFiżika

Iġbed l-oġġett biex iċċaqlaq il-ballun lejn l-istilla, tinsiex il-gravità.

etchaphysics HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash

Jigsaw Puzzle

Ikklikkja, iddawwar u waqqa 'biċċiet tal-puzzle biex issolvi din il-jigsaw puzzle bbażata fuq l-HTML5.

jigsaw puzzle HTML5 Vetrina: 48 Demo Qtil Potenzjali tal-Flash

Slide Puzzle

Żerżaq għar-rebħa, logħba HTML5 oħra mibnija biex tagħfas il-meraq ta 'moħħok.

slide puzzle HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash

L-istess logħba

Neħħi ċertu grupp biex ġġib grupp ieħor imqabbad fl-istess kulur u eventwalment tingħata rebħa.

l-istess logħba Vetrina HTML5: 48 Demo Qtil Potenzjali tal-Flash

Tetris

Waħda mill-iktar logħob klassiku li nġieb lura għall-ħajja minn HTML5.

Vetrina HTML5 tat-tetris: 48 Demo Qtil Potenzjali tal-Flash

Torus

Madankollu logħba oħra tat-Tetris fil-verżjoni psewdo-3D.

Torus HTML5 Vetrina: 48 Demo Qtil Potenzjali Flash


Il-kontenut tal-artikolu jaderixxi mal-prinċipji tagħna ta ' etika editorjali. Biex tirrapporta żball ikklikkja hawn.

7 kummenti, ħalli tiegħek

Ħalli l-kumment tiegħek

Your email address mhux se jkun ippubblikat. oqsma meħtieġa huma mmarkati bl *

*

*

  1. Responsabbli għad-dejta: Miguel Ángel Gatón
  2. Għan tad-dejta: Kontroll SPAM, ġestjoni tal-kummenti.
  3. Leġittimazzjoni: Il-kunsens tiegħek
  4. Komunikazzjoni tad-dejta: Id-dejta ma tiġix ikkomunikata lil partijiet terzi ħlief b'obbligu legali.
  5. Ħażna tad-dejta: Bażi tad-dejta ospitata minn Occentus Networks (UE)
  6. Drittijiet: Fi kwalunkwe ħin tista 'tillimita, tirkupra u tħassar l-informazzjoni tiegħek.

  1.   Ċupatina qal

    IT-TETRIS MA JMURX, INQEGĦED ŻEWĠ BIĊĊIET U JIBQA 'IMMA L-BQIJA HUWA CHAVALES KESĦA ĦAFNA

  2.   Elisa qal

    Inħobb din il-paġna ... ħlief l-ewwel logħba. Inħobbok Fran =)
    Bye a kiss lid-dinja wisqoodooooooo

  3.   Helsic qal

    Inkredibbli, spettakolari. Ma nistax nemmen kemm wasal l-iżvilupp tal-web!

  4.   Joe vega qal

    Ma nafx għaliex dawn ir-riżorsi huma attribwiti għall-HTML5, dan huwa Javascript pur, qabel il-bidu tal-Flash, bil-Javascript dawn l-affarijiet kollha setgħu jsiru, kien hemm studju f'Barċellona li għamel xi siti li dak iż-żmien nefaħli rasi, Kollha fil-javascript tant li tgħallimt minnhom u ddisinjajt koppja bi blalen bouncing u kollox, tlifthom kompletament u għadni jiddispjaċini. Ma niftakarx l-isem tal-istudjo kienet xi ħaġa bħalek2 jew 2jew2 li kienet fis-98 jew hekk.

  5.   ASDF qal

    Joe Vega ...... juri li m'għandek l-ebda idea ta 'fucking ta' HTML5 ... .lol

  6.   Joe vega qal

    Jista 'jkun li m'għandek l-ebda idea html5 imdemmija, huwa veru, imma intom żbaljaw is-serduk mal-gallinar u ma tiddistingwux lingwa minn ambjent. Nisfidak biex tagħmel eżempju bħal dawk hawnhekk mingħajr ma tuża Javascript, biss bl-html5, u tifhem dak li fisser fil-post li ħassar. Barra minn hekk, kont qed inħares lejn il-kodiċi tas-sors tal-eżempji u hemm bosta li jistgħu jsiru faċilment mingħajr ma titwaħħal fuq html5.
    Li l-html5 iġib ħafna titjib u affarijiet li jiffaċilitaw ħafna huwa minnu, iżda r-riżultati tal-ħaġa meraviljuża li tidher f'din il-paġna hija Javascript.

  7.   Santiago Barchetta qal

    Jien interessat li nagħmel preżentazzjonijiet ta 'dan it-tip ... għandek tutorja jew paġna b'riżorsi ??? Grazzi!!!