HTML5: n Flash-Centric-väärinkäsitykset
Lähes kymmenen vuoden kokemuksella web-suunnittelusta olen törmännyt paljon virheellisiin uskomuksiin uusimmista suunnittelutyökaluista ja -tekniikoista. mutta mikään ei voita HTML 5: n käyttöä ympäröivä väärinkäsitys.
Kehittäjinä meillä on omat vääriä uskomuksia tietylle teknologialle, mutta kun aloitamme tämän teknologian käyttämisen, voimme ymmärtää, mistä se on kyse, sen käyttö ja sen laajuus.
Inspiroimalla tiettyjä HTML5-vaatimuksia, joita olen kohdannut ajan myötä, halusin lisätä kaksi senttiäni tyhjentämään ilmaa tietyistä HTML5-ominaisuuksista. Suurin osa HTML5: n ympärillä olevista väärinkäsityksistä johtuu siitä, että monet ihmiset ajattelevat, että se on Flashin korvaava.
Aluksi haluan tehdä selväksi, että tämä ei ole HTML5 vs. Flash-viesti. Totuus on, ettei kukaan voi toimia korvaamana toiselle, joten meillä ei ole niitä vastaan taistelu. Mutta siinä on väärinkäsityksiä. Ongelmana on, että ihmiset uskovat, että HTML5 on Flash-sovelluksen parannettu vaihtoehto. Kaikki väärinkäsitykset ovat seurausta tästä ajattelusta.
Tekninen esittely HTML 5: stä
Viides suuri versio WWW: n kielelle voidaan kirjoittaa sekä HTML- että XML-syntaksille ja se on integroitu yksityiskohtaisesti yksityiskohtaisiin käsittelymalleihin yhteentoimivien toteutusten helpottamiseksi ja samalla parantamaan HTML-dokumenttien ja verkkosovellusten merkintää. Sen päätavoite on ratkaista verkkotoimialojen riippuvuutta eri alustoista.
Jos kaikki tämä kuulostaa kreikaksi sinulle, rukoilkaa mitä HTML5 tekee helposti ymmärtävällä kielellä, muttei pääse monimutkaisiin teknisiin kysymyksiin:
- HTML5 on päivitetty merkintäkieli, joka noudattaa XML-standardeja.
- HTML5: n tarkoitus on varmistaa, että web-tuotteiden suorituskyky ja tuotos ovat johdonmukaisia kaikissa käyttöjärjestelmissä, kuten iOS: ssä, Androidissa ja Windowsissa, monien muiden käyttäjien välillä.
Yleisimpiä HTML-käsitteitä ovat suunnittelukeskeinen. Katsotaan siis, mitä HTML 5 tarjoaa suunnittelun näkökulmasta.
- Sisäänrakennettu audio- ja videotuki, joka mahdollistaa materiaalien upottamisen suoraan HTML-dokumentteihin, on käyttänyt ulkopuolisia laajennuksia tarpeettomina.
- HTML5 tukee SVG- ja Canvas-elementtejä animaatioihin.
- Tarjoaa suunnittelijoille kangaselementin, joka helpottaa 2D-grafiikan tekemistä "välittömässä tilassa". Tämä tarkoittaa, että graafiset esineet näytetään suoraan.
- On kehitetty interaktiivisten sovellusten luomiseen, jotka ovat sisällöltään raskas ja jotka eivät ole vain käyttäjäystävällisiä, vaan myös SEO-ystävällisiä.
Miksi ihmiset ajattelevat, että HTML5 on Flash-korvike?
Flash on multimediasovellusohjelma, joka auttaa tarjoamaan vuorovaikutteisia ja kiinnostavia web-sisältöjä, jotka tarjoavat käyttäjille runsaasti verkkokokemusta. Se on erittäin suosittu alusta, joka saavuttaa 99% työpöytä- ja kannettava-selaimista ja tarjoaa samanlaisen teknisen ja visuaalisen suorituskyvyn kaikissa selaimissa. Mutta sillä on yksi merkittävä haitta, joka ei tue tehokkaasti mobiilikäyttöjärjestelmiä, kuten iOS.
Siitä on HTML5.
Katsokaa tätä lausuntoa hyvin tarkasti. Sen nimellisarvon mukaan tämä saattaa tarkoittaa sitä, että HTML5 on Flashin korvaava, kun se kehittää erittäin interaktiivisia sovelluksia iOS-alustalle.
Skenaariot, joissa asiakkaat ovat pyytäneet kehittäjiään kopioimaan Flash-sovelluksen kokonaisuudessaan HTML5: n avulla tietylle mobiililaitteelle tai -tabletille, ovat melko yleisiä. Ongelmana on, että kehitysympäristöjä ja niiden toimintoja ei pitäisi ottaa niiden nimellisarvoon. Kyllä, yksi tärkeimmistä eduista, joita HTML 5 tarjoaa, on helpompi kehittää sovelluksia, jotka toimivat kaikilla matkapuhelimen käyttöjärjestelmillä sen sijaan, että koodattaisiin uusi sovellus jokaiselle mobiili-käyttöjärjestelmälle.
Mutta se ei tarkoita, että se on Flash-korvaus.
HTML5: tä ympäröivät yleiset väärinkäsitykset
Aion vain viedä sinut läpi useita skenaarioita, jotka havainnollistavat ihmisten väärinkäsityksiä, jotka koskevat HTML 5: ää.
Scenario 1 : Muunna olemassa oleva Flash-pohjainen suunnittelutyökalu HTML 5: ksi
Epäkohta : HTML 5 ei voi peittää kuvia Flashin kaltaisella tavalla; sen kuvamateriaali ei ole up-to-the-mark eikä sileä. Vielä tärkeämpää on, että Flash on nopeampi ja kun on kyse tietyistä toiminnoista, kuten alueiden ja halkaisijoiden laskemisesta; Flash on paljon parempi vaihtoehto. Myös Drag / Scale- ja Zoom-toiminnot toimivat paremmin Flashissa verrattuna HTML 5: een.
Skenaario 2 : Muunna a Flash-pohjainen äänikirjasto HTML5-pohjaiseen tablet-yhteensopivaan kirjastoon.
Epäkohta : HTML5 tarjoaa ääni- ja videotukea mutta tietyillä rajoituksilla. Flash-pohjaisella verkkosivustolla oli lähes 800 mp3-tiedostoa; joten se on laajamittainen sovellus. Ongelmana on se, että vaikka Mozilla tukee .ogg-muotoa ja kromi / safari tukee .mp3-muotoa, joten jos käyttäjän ensisijainen selain on IE8, Flash Audio Player tulee välttämättömyys. Rajoitetut laajennukset, jotka ovat saatavilla HTML5: ssä, merkitsevät sitä, että ainoa ratkaisu on muuntaa kaikki äänitiedostot kahteen formaattiin: mp3- ja ogg / wave-muotoon. Muuntaa 800 tiedostoa kahteen tiedostomuotoon ei ole vain aikaa vievä prosessi vaan myös lisää palvelimen tallennusta.
Tulos on iPad-sovellus, joka on hidasta lohkojen ulkopuolella.
Skenaario 3 : Muunna a Flash-pohjainen verkkosivusto HTML5-pohjaiseen verkkosivustoon.
Väärinkäsitys : On väärinkäsitys siitä, että HTML5 pystyy käsittelemään kaikenlaisia animaatioita, myös laajamittaisia lajikkeita. Mutta se ei voi, ainakaan vielä. Sen kyky tarjota 3D-efektit ja käyttää useita animaatioita samanaikaisesti on erittäin rajallinen. Se on järjestelmän kokoonpano, joka määrittää HTML5-animaation suorituskyvyn ja toistaiseksi se on osoittautunut muistilähtöksi. On hyvät mahdollisuudet, että HTML5: n käyttö vaikuttaa sivuston suorituskykyyn, jos sitä pyydetään tekemään paljon animaation suhteen. Joko verkkosivusto kaatuu tai sen nopeus vaikuttaa. Joten edellä mainitussa tapauksessa HTML5-verkkosivusto ei välttämättä pysty tarjoamaan samaa tuotemerkkiä.
Debunking common HTML 5 väärinkäsityksiä
Ensinnäkin HTML 5 tarjoaa erittäin kätevän audio- ja videoratkaisun joidenkin edistyneiden toimintojen kanssa. Kaikki hyvin ja hyvä, mutta monet ihmiset jättävät huomiotta sen, että näitä ääni- ja videotiedostoja soitetaan selaimissa. Jokaisella selaimella on sisäänrakennetut laajennukset äänelle ja videolle, mutta erilaiset selaimet tukevat äänen ja videon eri versioita. Tämän vuoksi on vaikea ottaa huomioon kaikkien selainten vaatimukset.
Toiseksi SVG- ja Canvas-elementit ovat varmasti tehneet kehittäjille helpompaa toteuttaa ja integroida 2D-animaatioita, mutta on havaittu, että tällä animaatiolla on haitallinen vaikutus sivuston suorituskykyyn. Myös HTML5 osoittautuu heikoksi 3D-animaatioiden käsittelemiseksi, joten kehittäjät eivät pysty kopioimaan Flash-verkkosivustoa, jolla on samanlainen tehokkuus HTML5: ssa. Rajat tulevat aina olemaan.
Kolmanneksi, voit käyttää HTML5 Rich Internet -ohjelmia, mutta älkää luulko, että he voivat tarjota sinulle samanlaisen tehokkuuden ja toimivuuden, jota Flash / Flex voi tarjota, esimerkiksi Flash voi suoraan kommunikoida etäpalvelujen kanssa, kun taas HTML5 ei voi .
Nyt kun tiedät, mitä HTML5 ei voi tehdä, anna minun tarjota sinulle pieni luettelo asioista, joita HTML5 voi tehdä, ja voi todella tehdä hyvin. Tämä voi myös auttaa vähentämään väärinkäsityksiä suurella tavalla.
- Voit luoda yhden sovelluksen, joka toimii iPadissa, iPhonessa, Windowsissa jne. Toisin sanoen se helpottaa alustan / laitteen itsenäisyyttä - valtava etu itsessään.
- Auttaa kehittämään yhtä verkkosivustoa, joka toimii samanaikaisesti tablet-laitteella, mobiililaitteella ja työpöydällä.
- Jos sitä käytetään hyvin ja miten sitä on tarkoitus käyttää, se voi parantaa verkkosivuston tehokkuutta.
- Mahdollistaa ääni- ja videotunnisteiden käytön kaikilla alustoilla, mutta on valmis tekemään vähän kovaa työtä.
- Videot, äänet ja kuvat on kirjoitettu suoraan koodeihin, mikä estää kolmannen osapuolen ohjelmiston tarpeen.
- Nopeampi latausaika verrattuna vanhempiin versioihin WebSocketsin toteutuksen takia.
- Tarjoaa upeita vektorianimaatioita grafiikan ja valon vaikutukselle, mutta älä odota kuun, auringon ja tähtien animaatioita. Salama on tässä eteenpäin eteenpäin.
- Sisältää tarkoituksenmukaisen sisäänrakennetun lomakkeiden validoinnin ja tyyppihyväksynnän, joka tarjoaa erityisiä näppäimistötukea.
HTML 5: llä on ehdottomasti mahdollisuus upstaing Flashin useampia kuin yksi, mutta se on parhaillaan käynnissä oleva työ. Jopa nykyisessä avatarissaan se helpottaa matkapuhelinsovellusten tekemistä ja kehittäjät voivat nyt luoda erilaisia sovelluksia eri matkapuhelimille. Lisäksi on epäilemättä, että se tarjoaa enemmän joustavuutta verkkosivujen luovuuteen. Nyt tämä riittää. Se mitä tapahtuu tulevaisuudessa on puhdas hypoteesi.
Vastuuvapauslauseke: Kaikki tässä artikkelissa käytetyt kuvat ovat selitettäviä vain selittämään asiaankuuluvia skenaarioita.
Käytätkö jo joitain HTML5-ominaisuuksia, joita ei ole laajasti tuettu? Mitä ominaisuuksia odotat innolla? Kerro meille kommentit!