Með nærri áratug af reynslu í vefhönnun, hef ég komið yfir fullt af mistökum um nýjustu hönnunarverkfæri og tækni; en ekkert slær misskilningin í kringum notkun HTML 5.

Sem verktaki, höfum við eigin sett af villtum trúum um ákveðna tækni, en þegar við byrjum að nota þessi tækni getum við skilið hvað það snýst um, notkun þess og umfang þess.

Innblásin af ákveðnum HTML5 kröfum sem ég hef rekist á með tímanum, vildi ég bæta við tveimur sentum mínum til að hreinsa loftið á ákveðnum þáttum HTML5. Flest misskilningin í kringum HTML5 eru vegna þess að margir telja að það sé í staðinn fyrir Flash.

Í upphafi vil ég gera það ljóst að þetta er ekki HTML5 vs Flash staða. Sannleikurinn er sá að maður getur ekki virkað sem skipti fyrir hina, þannig að það er ekki "okkur gegn þeim" bardaga. En þar er nefinu af misskilningi. Vandamálið er að fólk trúir að HTML5 sé auka valkostur við Flash. Öll misskilningur er afleiðing þessarar hugsunar.

Tæknilegar yfirlit yfir HTML 5

Fimmta meiriháttar endurskoðun á tungumálinu á World Wide Web er hægt að skrifa bæði í HTML og XML setningafræði og hefur verið sérstaklega samþætt við nákvæma vinnslu líkan til að auðvelda rekstrarsamhæfðar framkvæmdaraðgerðir og bæta á sama tíma markað fyrir HTML skjöl og vefforrit. Kjarna tilgangur þess er að leysa á milli vettvangs háðs í vefmiðluninni.

Ef allt þetta hljómar gríska til þín, skulum skera niður hvaða HTML5 er á tungumáli sem auðvelt er að skilja, án þess að komast í flókna tækni:

  • HTML5 er uppfært markup tungumál sem fylgir XML stöðlum.
  • Hugmyndin að baki HTML5 er að tryggja samkvæmni í frammistöðu og framleiðslu á vefvörum á öllum stýrikerfum, þar á meðal IOS, Android, Windows meðal margra annarra.

Algengustu misskilningi varðandi HTML er hönnun miðlægur. Svo skulum kíkja á það sem HTML 5 býður í huga við hönnun.

  • Innbyggður hljóð- og myndstuðningur sem hjálpar til við að embed in fjölmiðla beint inn í HTML skjöl hefur gert notkun utanaðkomandi viðbætur óþarfi.
  • HTML5 styður SVG og Canvas þætti fyrir hreyfimyndir.
  • Býður hönnuðum striga þáttur sem auðveldar flutningur 2D grafík í "straumur ham". Þetta þýðir að myndrænar hlutir eru sendar beint á skjáinn.
  • Hefur verið þróað til að búa til gagnvirkt forrit sem innihalda mikið og eru ekki aðeins notendavænt, heldur einnig SEO-vingjarnlegur.

Afhverju heldur fólk að HTML5 sé Flash staðgengill?

Flash er margmiðlunar höfundarforrit sem hjálpar til við að skila gagnvirkt og spennandi efni á vefnum sem veitir fólki upp á mikið af vefnum. Það er mjög vinsæl vettvangur sem nær 99% af skjáborði og fartölvu og býður sömu tækni og sjónrænu frammistöðu í öllum vöfrum. En það hefur einn veruleg galli, sem er að það er ekki í raun studd af stýrikerfum eins og iOS.

Fyrir það er HTML5.

Skoðaðu þessa yfirlýsingu mjög náið. Taka á nafnvirði þess, gæti það þýtt að HTML5 er í staðinn fyrir Flash, þegar kemur að því að þróa mjög gagnvirkt forrit fyrir iOS vettvang.

Scenaros, þar sem viðskiptavinir hafa beðið verktaki sína til að endurtaka Flash forrit í heild sinni með því að nota HTML5, fyrir tiltekna farsíma eða töflu, eru nokkuð algengar. Vandamálið er að þróunarmiðstöðvar og virkni þeirra ætti ekki að taka á nafnvirði þeirra. Já, einn af helstu kostum í HTML 5 er að auðvelda að þróa forrit sem virka á öllum farsímum, frekar en að kóða nýjan umsókn fyrir hvert farsímaforrit.

En það þýðir ekki að það sé Flash skipti.

Vinsælar misskilningi sem felur í sér HTML5

Ég mun bara taka þig í gegnum röð af atburðum, sem sýna misskilningi sem fólk hefur um HTML 5.

Scenario 1 : Breyta núverandi Flash-undirstaða hönnunar tól í HTML 5

Misskilningur : HTML 5 getur ekki dulið myndir á þann hátt sem líkist Flash; myndmaskun hennar er hvorki allt að marki né slétt. Mikilvægast er, Flash er fljótara og þegar það kemur að sérstökum virkni, svo sem útreikningarsvæðum og þvermálum; Flash er miklu betri kostur. Lögun eins og Dragðu / Skala og Zoom vinna einnig betur í Flash miðað við HTML 5.

Atburðarás 2 : umbreyta a Flash-undirstaða hljóðbókasafn inn í HTML5-undirstaða töflu samhæft bókasafn.

Misskilningur : HTML5 býður upp á hljóð- og myndbandsstuðning en með ákveðnum takmörkunum. Þessi Flash-undirstaða vefsíða hafði næstum 800 mp3 skrár; gera það í stórum stíl umsókn. Vandamálið liggur í þeirri staðreynd að á meðan Mozilla styður .ogg sniði og króm / safari styður .mp3 sniði, þannig að ef vafra notandans er IE8 verður Flash Audio Player nauðsynleg. Takmarkaðar viðbætur í HTML5 þýða að eina lausnin er að umbreyta öllum hljóðskrám í tvo snið - mp3 og ogg / bylgja. Til að breyta 800 skrám í tvo skráarsnið er ekki bara tímafrekt ferli heldur eykur einnig miðlara geymsla.

Niðurstaðan er iPad app sem er hægur af blokkunum.

Atburðarás 3 : umbreyta a Flash-undirstaða vefsíða inn í HTML5 byggða vefsíðu.

Misskilningur : Það er misskilningur að HTML5 geti séð um alls konar hreyfimyndir, jafnvel þá sem eru í stórum stíl fjölbreytni. En það getur ekki, að minnsta kosti ekki ennþá. Geta þess að bjóða 3D áhrif og hlaupa margar hreyfimyndir á sama tíma er mjög takmörkuð. Það er kerfisstillingar sem ákvarðar árangur HTML5 hreyfimynda og svo langt er reynt að vera minni eater. Það er gott tækifæri að notkun HTML5 muni hafa áhrif á frammistöðu vefsíðunnar ef það er beðið um að gera mikið hvað varðar fjör. Annaðhvort mun vefsíðan hrynja eða hraða hennar verður fyrir áhrifum. Svo í ofangreindum tilvikum gæti HTML 5 vefsvæðið ekki verið hægt að bjóða upp á sama tegund af frammistöðu.

Debunking algeng HTML 5 misskilningi

Í fyrsta lagi, HTML 5 býður upp á mjög þægilegt hljóð- og myndbandsupplausn með nokkrum háþróaðri virkni. Allt gott og gott, en það sem margir hunsa eru sú staðreynd að þessi hljóð- og myndskrár eru spilaðar í vafra. Hver vafri hefur innbyggða viðbætur fyrir hljóð og myndskeið en mismunandi vöfrum styður mismunandi útgáfur af hljóð og myndskeiði. Vegna þessa verður erfitt að koma til móts við kröfur allra vafra.

Í öðru lagi hafa SVG og Canvas þættirnir örugglega gert það auðveldara fyrir forritara að innleiða og samþætta 2D hreyfimyndir, en það hefur komið fram að þessi fjör hefur skaðleg áhrif á frammistöðu vefsíðunnar. Einnig reynist HTML5 veikburða þegar kemur að meðhöndlun 3D hreyfimynda, sem leiðir til þess að forritarar geta ekki endurtaka heilt Flash vefsvæði með svipaðri skilvirkni í HTML5. Það mun alltaf vera takmörkunum.

Í þriðja lagi er hægt að nota HTML5 Rich Internet Applications, en ekki vera undir misskilningi að þeir geti boðið þér sömu tegund skilvirkni og virkni sem Flash / Flex getur boðið, til dæmis Flash getur beint samskipti við ytri þjónustu en HTML5 getur ekki .

Nú þegar þú veist hvað HTML5 getur ekki gert, leyfðu mér að bjóða þér smá lista yfir hluti sem HTML5 getur gert og getur í raun gert mjög vel. Þetta getur einnig hjálpað til við að draga úr misskilningi á stóru hátt.

  • Þú getur búið til eitt forrit sem virkar á iPad, iPhone, Windows o.fl. Með öðrum orðum, auðveldar það vettvang / tæki sjálfstæði - gríðarlegur ávinningur í sjálfu sér.
  • Hjálpar til við að þróa eina vefsíðu sem vinnur á töflunni, farsíma og skrifborð á sama tíma.
  • Ef það er notað vel og hvernig það er ætlað að nota það getur það bætt árangur vefsvæðisins.
  • Gerir kleift að nota hljóð- og myndmerki á öllum kerfum, en vertu reiðubúinn til að gera smá vinnu.
  • Vídeó, hljóð og myndir eru öll skrifuð rétt inn í númerin og útrýma þörfinni fyrir hugbúnað frá þriðja aðila.
  • Hraðari álagstími miðað við eldri útgáfuna vegna WebSockets framkvæmd.
  • Býður upp á frábærar hreyfimyndir fyrir grafík og létt áhrif, en ekki búast við tunglinu, sólinni og stjörnurnar þegar það kemur að hreyfimyndum; Flassið er langt fram í þessum þætti.
  • Veitir viðeigandi innbyggða eyðublaðsvottun og gerð yfirlýsingar til að bjóða upp á sérstaka lyklaborðstuðning.

HTML 5 hefur örugglega möguleika á að uppfæra Flash á fleiri vegu en einn, en það er nú að vinna í vinnslu. Jafnvel í núverandi avatar hjálpar það að gera farsímaforrit aðgengilegri og verktaki geta nú búið til alhliða forrit fyrir mismunandi farsíma. Auk þess er enginn vafi á því að það býður upp á meiri sveigjanleika í vefsköpun. Núna er þetta nóg. Hvað gerist í framtíðinni er hreint tilgáta.

Fyrirvari: Allar myndir sem notaðar eru í þessari grein eru aðeins til skýringar, til að útskýra viðeigandi aðstæður.

Ertu nú þegar að innleiða nokkrar HTML5 aðgerðir sem eru ekki almennt studdar? Hvaða eiginleikar hlakkar þú mest til að samþykkja? Láttu okkur vita í athugasemdum!