Löydä HTML5

Kirjoittaja: Peter Berry
Luomispäivä: 12 Heinäkuu 2021
Päivityspäivä: 13 Saattaa 2024
Anonim
I Just Copy A Website With Source Code 💯
Video: I Just Copy A Website With Source Code 💯

Kirjaimellisesti katsottuna 'HTML5' kuvaa yksinkertaisesti verkkomerkintäkielen uusinta inkarnaatiota, jolla on myönnetty kohtuullinen osuus tuoreista herkkuista: natiivi video- ja äänituki sekä paljon ylistetty dynaaminen Canvas-elementti. . Mutta mikä todella innostaa suunnittelijoita ja kehittäjiä, on HTML5, jota käytetään sen laajemmassa merkityksessä - kattoterminä erilaisille toisiinsa liittyville tekniikoille, erityisesti CSS3: lle, WebGL: lle ja JavaScriptille, jotka auttavat muokkaamaan interaktiivisen suunnittelun tulevaisuutta.

"Se on useiden verkkoteknologioiden yhdistelmä, ei yksittäinen elementti, mikä tekee mahdolliseksi rikkaiden avoimien verkkosovellusten toimittamisen", argumentoi Derrick Holmes, lontoolaisen Digitin teknologiajohtaja. "Tämä ei sisällä vain käyttöliittymiä, vaan myös jännittäviä taustajärjestelmiä, jotka ovat usein hiljainen lihas skaalautuvien, nopeampien, reaaliaikaisten ja monikäyttäjien verkkosovellusten takana."


Interaktiivisen tuotantoyhtiön Stink Digital London johtava kehittäjä Ian Hart listaa joukon inspiroivia HTML5-projekteja, jotka ovat kiinnittäneet hänen huomionsa - mukaan lukien Googlen ‘20 Things I Learned ’ja Nike’ Better World ’. Stinkin omia asiakkaita ovat Nike, Lexus, Diesel ja Hugo Boss.

"Mielestäni on mielenkiintoista, kun et ymmärrä, että se on HTML5 tai jokin tietty tekniikka", heijastaa Hart. "Silloin luovuus ja tekniikka kohtaavat." Hän väittää, että sinun ei tarvitse tehdä kompromisseja suunnitellaksesi yhden selaimen tuen puutetta tietylle ominaisuudelle, ja huomauttaa, että onnistuneet digitaaliset projektit näyttävät harvoin samanlaisilta kaikilla alustoilla: "Meidän on vain varmistettava, että suunnittelu ja vuorovaikutus voivat sopeutua ”, hän vaatii. "Se on paras tapa tulevaisuuden kestäviin sivustoihin ja sovelluksiin kaikilla alustoilla, etenkin mobiililaitteilla."

Yksi ensimmäisistä aidosti kiihottaneista HTML5-projekteista oli erittäin vuorovaikutteinen The Wilderness Downtown for Arcade Fire, joka voitti kaksi Cannesin lionia, Grand Clion ja kolme Webbyä, puhumattakaan sekä mustista että keltaisista lyijykynistä D&AD: lta.

Yhdistämällä Google Maps selaimen sisäiseen 3D: hen ja kauniisti kuvattuihin kuvamateriaaleihin katsojat voivat muokata kokemusta omana lapsuutensa naapurustona. Se oli Tukholmassa perustetun, sen jälkeen laajentuneen Lontooseen, New Yorkiin ja LA: han perustuvan B-Reel-tuotanto-yhtiön ja luovan kehittäjän Jocabolan välinen yhteistyö, joka muutti Barcelonasta Berliiniin ennen kuin hän lopulta asettui Lontooseen.

Jocabolan perustajana ja luovana johtajana Eduard Prats Molner oli työskennellyt Flashissa yli vuosikymmenen ennen HTML5: n kokeilemista: "Kun suuret selaimet alkoivat omaksua sen osittain, tuntui luonnolliselta alkaa tutkia sen mahdollisuuksia, ”Hän muistelee.

"Vaikka Jocabola on melkein kokonaan luopunut Flashin käytöstä nyt, HTML5 on edelleen epäkypsä verrattuna moniin ominaisuuksiin, joita ei vielä tueta natiivisti, kuten web-kamerat ja mikrofonit", Molner jatkaa. "Mutta HTML5 perustuu verkkostandardeihin, mikä tarkoittaa CSS: n ja asteittain CSS3: n täydellistä käyttöönottoa. Se tekee yksinkertaisista asioista vieläkin yksinkertaisempia - erityisesti tyypin ja ulkoasun ”, hän lisää.


Monet ovat pitäneet HTML5: tä suurena Flash-tappajana, erityisesti iOS: n kohdalla, mutta Hart uskoo, että nämä kaksi tekniikkaa todella täydentävät toisiaan: "Flash pystyy silti paremmin käsittelemään elementtejä, kuten ääntä ja verkkokameroita, ja jos yhdistät tämän saumattomasti aidosti syntyperäisen kokemuksen avulla voit saada molempien maailmojen parhaat puolet ”, hän väittää.

"On mahdotonta puhua HTML5: stä ja olla mainitsematta Flashia", Holmes yhtyy. "Flashista on saattanut tulla likainen sana joillekin asiakkaille, mutta sitä ei tarvitse vihata: on edelleen tapauksia, joissa se on sopiva työkalu työhön. HTML5 on juuri vähentänyt tapausten määrää, joissa Flash olisi ollut oletusvalinta. "

Digit on vankka avoimen lähdekoodin puolustaja, ja HTML5 ilmentää tätä lähestymistapaa: "Yksi mielenkiintoinen ominaisuus on WebGL, joka yhdessä WebSocketsin ja Node.js: n kanssa mahdollistaa reaaliaikaisen 3D: n suoraan selaimessa", innostaa Holmes. "Siihen saakka, kunnes WebGL-rakennelmat muuttuvat vakaammiksi - ja iPadille lisätään tukea -, sitä tulisi käsitellä varoen", hän varoittaa. "Teknologian tulisi aina parantaa käyttökokemusta eikä vain olla hienoa."

Molner huomauttaa, että Google Chrome, Firefox ja Safari voivat nyt tukea WebGL: ää natiivisti tuomalla 3D-grafiikan selainympäristöön. "Mr.doobin kaltaiset ihmiset osallistuvat massiivisesti avoimen lähdekoodin kirjastoihin, kuten Three.js, ja uskon, että WebGL: stä tulee Web3D-standardi," hän sanoo ja korostaa esimerkkinä laajasti tunnettua interaktiivista elokuvaa Three Dreams of Black. "Toivottavasti se otetaan pian käyttöön myös mobiililaitteissa", hän lisää.


Muista Lukea
Lopullinen käyttöliittymän suunnitteluopas
Lue Lisää

Lopullinen käyttöliittymän suunnitteluopas

Mikä on käyttöliittymä uunnittelu? Parempi ky ymy oli i, mitä todella tapahtuu käyttöliittymän uunnittelu a? E tetiikka? Käytettävyy ? E teettömy...
20 asiaa, jotka ajavat web-kehittäjät hulluksi
Lue Lisää

20 asiaa, jotka ajavat web-kehittäjät hulluksi

Olen rehellinen. Verkkokehittäjän elämä on melko uloinen. Meille mak etaan iitä, että i tumme avoimen toimi ton ympärillä koko päivän ratkai tak emme ...
27 inspiroivaa esimerkkiä vintage-julisteista
Lue Lisää

27 inspiroivaa esimerkkiä vintage-julisteista

Nämä vintage-juli teet todi tavat, että meillä on vielä paljon opittavaa kuluneiden vuo ikymmenien juli te uunnittelu ta. Ajatu juli teiden luomi e ta tuotteiden maino tami ek...