Flash-centriske misforståelser af HTML5
Med tæt på et årti erfaring med webdesign har jeg stødt på mange forkerte overbevisninger om de nyeste designværktøjer og teknologier; men intet slår misforståelserne omkring brugen af HTML 5.
Som udviklere har vi vores eget sæt misforståede overbevisninger om en bestemt teknologi, men da vi begynder at bruge den teknologi, er vi i stand til at forstå, hvad det hele handler om, dets brug og dets omfang.
Inspireret af visse HTML5 krav, jeg har stødt på i løbet af tiden, ville jeg tilføje mine to cent for at rydde luften på visse aspekter af HTML5. De fleste misforståelser omkring HTML5 er fordi mange tror, at det er en erstatning for Flash.
I starten vil jeg gerne gøre det klart, at dette ikke er et HTML5 versus Flash-indlæg. Sandheden er, at man ikke kan fungere som erstatning for den anden, så der er ingen 'os vs dem' kamp. Men deri er misforståelsens knudepunkt. Problemet er, at folk tror HTML5 er et forbedret alternativ til Flash. Alle misforståelser er et resultat af denne tænkning.
Teknisk overblik over HTML 5
Den femte store revision til sproget på World Wide Web kan skrives i både HTML og XML-syntaks og er specielt integreret med detaljerede behandlingsmodeller for at lette interoperable implementeringer og samtidig forbedre markeringen for HTML-dokumenter og webapplikationer. Dens hovedformål er at løse afhængigheden af platforme i webbranchen.
Hvis alt dette lyder græsk til dig, lad os nedbryde, hvad HTML5 gør på et sprog, der let forstås, uden at komme ind i komplekse tekniske aspekter:
- HTML5 er et opdateret markupsprog, der følger XML-standarder.
- Ideen bag HTML5 er at sikre sammenhæng i udførelsen og produktionen af webprodukter på alle operativsystemer, herunder iOS, Android, Windows blandt mange andre.
Mest almindelige misforståelser vedrørende HTML er design centreret. Så lad os tage et kig på, hvad der tilbydes af HTML 5 fra designsynspunktet.
- Indbygget lyd- og video-understøttelse, der hjælper med at integrere medier direkte i HTML-dokumenter, har gjort brug af eksterne plugins overflødige.
- HTML5 understøtter SVG og Canvas elementer til animationer.
- Tilbyder designere et lærredelement, der letter 2D-grafik i 'øjeblikkelig tilstand'. Dette betyder, at grafiske objekter vises direkte på displayet.
- Er blevet udviklet til at skabe interaktive applikationer, der er meget tunge og ikke kun brugervenlige, men også SEO-venlige.
Hvorfor mener folk, at HTML5 er en Flash-erstatning?
Flash er et multimedieforfatterprogram, der hjælper med at levere interaktivt og engagerende webindhold, der giver en rigtig god weboplevelse til brugerne. Det er en meget populær platform, der når op på 99% af stationære og bærbare browsere, og tilbyder det samme sæt teknisk og visuel ydeevne på tværs af alle browsere. Men det har en betydelig ulempe, hvilket er, at den ikke understøttes effektivt af mobile operativsystemer som iOS.
For det er der HTML5.
Se nu nærmere på denne erklæring. Taget på dets pålydende værdi, kan det betyde, at HTML5 er en erstatning for Flash, når det kommer til at udvikle meget interaktive applikationer til iOS-platformen.
Scenarier, hvor klienter har bedt deres udviklere om at replikere et Flash-program i sin helhed ved hjælp af HTML5, til en bestemt mobilenhed eller tablet, er ret almindelige. Problemet er, at udviklingsplatforme og deres funktionaliteter ikke bør tages til deres pålydende værdi. Ja, en af de primære fordele, der tilbydes af HTML 5, gør det nemmere at udvikle applikationer, der arbejder på alle mobil-operativsystemer, snarere end at kode en ny applikation til hver mobil OS.
Men det betyder ikke, at det er en Flash-udskiftning.
Populære misforståelser omkring HTML5
Jeg vil bare tage dig gennem en række scenarier, som illustrerer de misforståelser, som folk har om HTML 5.
Scenario 1 : Konverter et eksisterende Flash-baseret designværktøj til HTML 5
Misforståelsen : HTML 5 kan ikke maskere billeder på samme måde som Flash; dets billedmaskering er hverken up-to-the-mark eller glat. Endnu vigtigere er Flash hurtigere, og når det kommer til specifikke funktionaliteter som beregning af områder og diametre; Flash er en langt bedre løsning. Funktioner som Drag / Scale og Zoom fungerer også bedre i Flash sammenlignet med HTML 5.
Scenario 2 : Konverter en Flash-baseret lydbibliotek ind i et HTML5-baseret tablet-kompatibelt bibliotek.
Misforståelsen : HTML5 tilbyder lyd- og video-understøttelse, men med visse begrænsninger. Denne Flash-baserede hjemmeside havde næsten 800 mp3 filer; gør det til en stor skala ansøgning. Problemet ligger i, at mens Mozilla understøtter .ogg-format og chrome / safari understøtter .mp3-formatet, så hvis brugerens foretrukne browser er IE8, bliver Flash Audio Player en nødvendighed. Begrænsede udvidelser tilgængelige på HTML5 betyder, at den eneste løsning er at konvertere alle lydfiler til to formater - mp3 og ogg / wave. At konvertere 800 filer til to filformater er ikke kun en tidskrævende proces, men øger også serverlagring.
Resultatet er en iPad app, der er langsomt væk fra blokkene.
Scenario 3 : Konverter en Flash-baseret hjemmeside ind i en HTML5-baseret hjemmeside.
Misforståelsen : Der er en misforståelse om, at HTML5 kan håndtere alle slags animationer, selv dem i stor skalaen. Men det kan ikke, i hvert fald ikke endnu. Dens evne til at tilbyde 3D-effekter og køre flere animationer på samme tid er meget begrænset. Det er systemkonfigurationen, der bestemmer udførelsen af HTML5-animationerne og hidtil har det vist sig at være en memory eater. Der er en god chance for, at brugen af HTML5 vil påvirke webstedspræstationen, hvis det bliver bedt om at gøre meget med hensyn til animation. Enten vil hjemmesiden gå ned, eller dens hastighed vil blive påvirket. Så i ovenstående tilfælde kan HTML 5-hjemmesiden muligvis ikke tilbyde samme præstationsmærke.
Debunking fælles HTML 5 misforståelser
For det første tilbyder HTML 5 en meget bekvem lyd- og videoløsning med nogle avancerede funktioner. Alt godt og godt, men hvad mange mennesker ignorerer er, at disse lyd- og videofiler spilles i browserne. Hver browser har indbyggede plugins til lyd og video, men forskellige browsere understøtter forskellige versioner af lyd og video. På grund af dette bliver det svært at imødekomme kravene til alle browsere.
For det andet har SVG- og lærredelementerne definitivt gjort det nemmere for udviklere at implementere og integrere 2D-animationer, men det er blevet observeret, at denne animation har en skadelig effekt på websitetens ydeevne. HTML5 viser også sig at være svag når det gælder håndtering af 3D-animationer, hvilket resulterer i, at udviklere ikke kan replikere et helt Flash-websted med tilsvarende effektivitet i HTML5. Der vil altid være begrænsninger.
For det tredje kan du bruge HTML5 Rich Internet Applications, men ikke være under den misforståelse, at de kan tilbyde dig det samme mærke af effektivitet og funktionalitet, som Flash / Flex kan tilbyde. For eksempel kan Flash direkte kommunikere med eksterne tjenester, mens HTML5 ikke kan .
Nu hvor du ved, hvad HTML5 ikke kan gøre, giver mig mulighed for at tilbyde dig en lille liste over ting, som HTML5 kan gøre, og det kan faktisk gøre meget godt. Dette kan også medvirke til at reducere misforståelserne på en stor måde.
- Du kan oprette en enkelt applikation, der fungerer på iPad, iPhone, Windows osv. Med andre ord letter det platform / enhedens uafhængighed - en stor fordel i sig selv.
- Hjælper med at udvikle et enkelt websted, der fungerer på tablet, mobil og skrivebord samtidigt.
- Hvis det bruges godt, og måden det skal bruges på, kan det forbedre hjemmesidenes ydeevne.
- Gør det muligt at bruge lyd og video tags på tværs af alle platforme, men vær forberedt på at gøre lidt hårdt arbejde.
- Video, lyd og billeder er alle skrevet direkte ind i koderne, hvilket eliminerer behovet for tredjeparts software.
- Hurtigere læsetid i forhold til den ældre version på grund af WebSockets implementering.
- Tilbyder store vektor animationer til grafik og lyseffekt, men forvent ikke månen, solen og stjernerne når det kommer til animationer; Flash er langt fremme i dette aspekt.
- Giver passende indbygget form validering og typedeklarationer til at tilbyde specifik tastatursupport.
HTML 5 har helt sikkert potentialet til at opstarte Flash på flere måder end en, men det er i øjeblikket et igangværende arbejde. Selv i sin nuværende avatar hjælper det med at gøre mobilapplikationer mere tilgængelige, og udviklere kan nu oprette universelle applikationer til forskellige mobiltelefoner. Derudover er der ingen tvivl om, at det giver mere fleksibilitet i websidens kreativitet. For nu er det nok. Det der sker i fremtiden er ren hypotese.
Ansvarsfraskrivelse: Alle illustrationer, der anvendes i denne artikel, er kun til forklaring for at forklare relevante scenarier.
Implementerer du allerede nogle HTML5-funktioner, der ikke er bredt understøttet? Hvilke funktioner ser du mest frem til at vedtage? Lad os vide i kommentarerne!