Nesprávné představy o HTML5 v prostředí Flash
Díky téměř desetileté zkušenosti s webdesignem jsem se setkal s mnoha chybnými přesvědčeními o nejnovějších nástrojích a technologiích návrhu; ale nic netrápí mylné představy o použití HTML 5.
Jako vývojáři máme vlastní sadu zaváděných přesvědčení o určité technologii, ale jak začneme tuto technologii používat, jsme schopni pochopit, o co jde, o jeho použití a rozsahu.
Inspirován určitými požadavky na HTML5, které jsem narazil v průběhu času, chtěl jsem přidat dva centy, abych vyčistil vzduch v určitých aspektech HTML5. Většina mylných pojmů týkajících se HTML5 je proto, že mnoho lidí si myslí, že je to náhrada za Flash.
Na počátku bych chtěla ujasnit, že toto není příspěvek HTML5 versus Flash. Pravdou je, že člověk nemůže jednat jako náhrada za druhou, takže neexistuje žádná bitva "proti nám". Ale v tom je tahle mylná představy. Problémem je, že lidé věří, že HTML5 je vylepšenou alternativou k Flash. Všechny mylné představy jsou výsledkem tohoto myšlení.
Technický přehled HTML 5
Pátá hlavní revize jazyka World Wide Web může být napsána jak ve formě syntaxe HTML, tak i XML a byla speciálně integrována s podrobnými modely zpracování, aby se usnadnily interoperabilní implementace a současně se zlepšilo značkování dokumentů HTML a webových aplikací. Jeho hlavním účelem je vyřešit závislost mezi platformami ve webovém průmyslu.
Pokud to všechno zní z řečtiny, rozdělíme to, co HTML5 dělá do jazyka, který je snadno srozumitelný, aniž bychom se dostali do složitých technik:
- HTML5 je aktualizovaný značkovací jazyk, který dodržuje standardy XML.
- Myšlenkou HTML5 je zajistit konzistenci výkonu a výstupu webových produktů na všech operačních systémech včetně iOS, Android, Windows a mnoho dalších.
Nejčastější chybné představy týkající se HTML jsou designové. Podívejme se tedy na to, co nabízí HTML 5 z hlediska návrhu.
- Zabudovaná podpora zvuku a videa, která pomáhá vložit média přímo do dokumentů HTML, zbytečně využívá externí pluginy.
- HTML5 podporuje prvky SVG a Canvas pro animace.
- Nabídne návrhářům plátnový prvek, který usnadňuje vykreslení 2D grafiky v "okamžitém režimu". To znamená, že grafické objekty jsou přímo zobrazeny na displeji.
- Byl vyvinut pro vytváření interaktivních aplikací, které jsou těžké a nejsou uživatelsky přívětivé, ale také SEO-přátelské.
Proč lidé myslí, že HTML5 je náhradou Flash?
Flash je program pro vytváření multimédií, který pomáhá poskytovat interaktivní a pútavý webový obsah, který poskytuje uživateli bohaté zkušenosti s webem. Je to velmi oblíbená platforma, která dosahuje 99% desktopových a laptopových prohlížečů a nabízí stejnou technickou a vizuální výkonnost ve všech prohlížečích. Má však jednu významnou nevýhodu, že není účinně podporována mobilními operačními systémy, jako je iOS.
K tomu je HTML5.
Podívejte se na toto prohlášení velmi pečlivě. Uvádíme-li svou nominální hodnotu, mohlo by to znamenat, že HTML5 je náhradou Flashu, pokud jde o vývoj vysoce interaktivních aplikací pro platformu iOS.
Scénáře, ve kterých klienti požádali vývojáře o replikaci aplikace Flash jako celku pomocí HTML5 pro konkrétní mobilní zařízení nebo tabletu, jsou poměrně běžné. Problém spočívá v tom, že vývojové platformy a jejich funkce by neměly být považovány za jejich nominální hodnotu. Ano, jedna z hlavních výhod, které nabízí HTML 5, je snadnější vývoj aplikací, které fungují na všech mobilních operačních systémech, než kódování nové aplikace pro každý mobilní operační systém.
Ale to neznamená, že je to výměna Flash.
Populární chybné představy o HTML5
Jednoduše vás projdu řadou scénářů, které ilustrují mylné představy, které mají lidé o HTML 5.
Scénář 1 : Převést existující návrhový nástroj založený na technologii Flash do formátu HTML 5
Misconception : HTML 5 nemůže maskovat obrazy podobně jako Flash; jeho maskování obrazu není ani špičková ani hladká. Ještě důležitější je, že blesk je rychlejší a pokud jde o specifické funkce, jako jsou výpočty ploch a průměrů; Flash je mnohem lepší volbou. Funkce jako Drag / Scale a Zoom také pracují lépe ve Flashu ve srovnání s HTML 5.
Scénář 2 : Převedení a Knižní knihovna založená na blesku do knihovny kompatibilní s tablety HTML5.
Misconception : HTML5 nabízí podporu zvuku a videa, ale s určitými omezeními. Tato webová stránka založená na formátu Flash měla téměř 800 souborů mp3; což je aplikace velkého rozsahu. Problém spočívá v tom, že zatímco Mozilla podporuje formáty .ogg a chrome / safari podporuje formát .mp3, takže pokud je preferovaným prohlížečem IE8, přehrávač Flash Player se stává nutností. Omezené rozšíření dostupné ve formátu HTML5 znamenají, že jediným řešením je převést všechny zvukové soubory do dvou formátů - mp3 a ogg / wave. Převod 800 souborů do dvou formátů souborů není jen časově náročný proces, ale také zvyšuje úložiště serveru.
Výsledkem je aplikace iPad, která blokuje bloky.
Scénář 3 : Převedení a Webové stránky založené na blesku do webových stránek založených na HTML5.
Mylná představa : Existuje mylná představa, že HTML5 dokáže zvládnout nejrůznější animace, a to i ty v rozsáhlé škále. Ale to nemůže, přinejmenším ne. Jeho schopnost nabízet 3D efekty a provozovat více animací najednou je velmi omezená. Jedná se o systémovou konfiguraci, která určuje výkon animací HTML5 a zatím je prokázáno, že je paměťový jedlík. Existuje velká šance, že použití HTML5 bude mít vliv na výkon webových stránek, pokud se od něj bude požadovat mnoho animací. Buď bude webová stránka havarována nebo bude ovlivněna její rychlost. Takže ve výše uvedeném případě nemusí být webová stránka HTML 5 schopna nabízet stejnou značku výkonu.
Debunkování běžných chybných konceptů HTML 5
Za prvé, HTML 5 nabízí velmi pohodlné audio a video řešení s některými pokročilými funkcemi. Všichni dobře a dobře, ale to, co mnoho lidí ignoruje, je skutečnost, že tyto audio a video soubory jsou přehrávány v prohlížečích. Každý prohlížeč má vestavěné pluginy pro audio a video, ale různé prohlížeče podporují různé verze zvuku a videa. Z tohoto důvodu je obtížné splnit požadavky všech prohlížečů.
Za druhé, prvky SVG a Canvas určitě ulehčily vývojářům implementaci a integraci 2D animací, ale bylo zjištěno, že tato animace má škodlivý vliv na výkon webových stránek. HTML5 je také slabý, pokud jde o zpracování 3D animací, což vede k tomu, že vývojáři nemohou replikovat celou webovou stránku Flash s podobnou efektivitou v HTML5. Vždy budou existovat omezení.
Zatřetí můžete používat Rich Internetové aplikace HTML5, ale nemyslete si, že vám mohou nabídnout stejnou značku efektivity a funkčnosti, kterou Flash / Flex může nabídnout, například Flash může přímo komunikovat se vzdálenými službami, zatímco HTML5 nemůže .
Nyní, když víte, co HTML5 nemůže udělat, dovolte mi, abych vám nabídl malý seznam věcí, které HTML5 může dělat a ve skutečnosti to může udělat velmi dobře. To také může pomáhat snížit mylné představy velkým způsobem.
- Můžete vytvořit jednu aplikaci, která funguje na iPadu, iPhone, Windows atd. Jinými slovy usnadňuje nezávislost platformy / zařízení - což je obrovská výhoda sama o sobě.
- Pomáhá vyvíjet jednotný web, který funguje současně na tabletu, mobilním zařízení a pracovní ploše.
- Používá-li se dobře a způsob, jakým se má používat, může zlepšit výkon webu.
- Umožňuje použití značek zvuku a videa na všech platformách, ale buďte připraveni udělat trochu tvrdé práce.
- Video, audio a obrazy jsou zapsány přímo do kódů, což eliminuje potřebu softwaru třetí strany.
- Rychlejší doba načtení v porovnání se starší verzí díky implementaci WebSockets.
- Nabídka skvělých vektorových animací pro grafiku a světelný efekt, ale neočekávejte měsíc, slunce a hvězdy, pokud jde o animace; Flash je v tomto směru mnohem lepší.
- Poskytuje příslušné vestavěné prohlášení o ověření a typování formulářů, které nabízejí podporu specifické klávesnice.
HTML 5 má určitě potenciál upgradovat blesk více způsoby než jeden, ale v současné době se jedná o probíhající práci. Dokonce i v současném avataru pomáhá zpřístupnit aplikace pro mobilní telefony a vývojáři jsou nyní schopni vytvářet univerzální aplikace pro různé mobilní telefony. Kromě toho není pochyb o tom, že nabízí větší flexibilitu v tvorbě webových stránek. Zatím to stačí. Co se stane v budoucnu, je čistá hypotéza.
Odmítnutí odpovědnosti: Všechny ilustrace použité v tomto článku slouží pouze k vysvětlení příslušných scénářů.
Jste již implementováni některé funkce HTML5, které nejsou široce podporovány? Jaké funkce se nejvíce těšíte na přijetí? Dejte nám vědět v komentářích!