Flash-sentriske misoppfatninger av HTML5
Med nesten ti års erfaring i webdesign har jeg kommet over mange feilaktig tro på de nyeste designverktøyene og teknologiene; men ingenting slår misforståelsene rundt bruken av HTML 5.
Som utviklere har vi vårt eget sett av misguided beliefs om en bestemt teknologi, men når vi begynner å bruke teknologien, er vi i stand til å forstå hva det handler om, bruken og omfanget av det.
Inspirert av visse HTML5 krav som jeg har kommet over i løpet av tiden, ville jeg legge til mine to cent for å rydde luften på visse aspekter av HTML5. De fleste misforståelsene rundt HTML5 er fordi mange tror det er en erstatning for Flash.
I utgangspunktet vil jeg gjøre det klart at dette ikke er et HTML5 versus Flash-innlegg. Sannheten er at man ikke kan fungere som erstatning for den andre, så det er ingen "oss mot dem" kamp. Men der er det kjernen til misforståelsene. Problemet er at folk tror HTML5 er et forbedret alternativ til Flash. Alle misforståelser er et resultat av denne tenkningen.
Teknisk oversikt over HTML 5
Den femte store revisjonen til språket på World Wide Web kan skrives både i HTML og XML-syntaks, og er spesielt integrert med detaljerte prosessormodeller for å lette interoperable implementeringer, og samtidig forbedre markering for HTML-dokumenter og webapplikasjoner. Kjernens formål er å løse plattformsavhengighet i nettbransjen.
Hvis alt dette høres gresk til deg, la oss slå ned hva HTML5 gjør på et språk som lett forstås, uten å komme seg inn i komplekse teknikker:
- HTML5 er et oppdatert oppslagsspråk som følger XML-standarder.
- Ideen bak HTML5 er å sikre konsistens i ytelsen og produksjonen av webprodukter på alle operativsystemer, inkludert iOS, Android, Windows blant mange andre.
Mest vanlige misforståelser angående HTML er design sentriske. Så, la oss ta en titt på hva som tilbys av HTML 5 fra designsynspunktet.
- Innebygd lyd- og videostøtte som hjelper til med å legge inn media direkte i HTML-dokumenter, har gjort bruk av eksterne plugins overflødige.
- HTML5 støtter SVG og lerret elementer for animasjoner.
- Tilbyr designere et lerretelement som muliggjør gjengivelse av 2D-grafikk i "umiddelbar modus". Dette betyr at grafiske gjenstander blir gjengitt direkte på skjermen.
- Har blitt utviklet for å skape interaktive applikasjoner som er tunge og ikke bare brukervennlige, men også SEO-vennlige.
Hvorfor tror folk at HTML5 er en Flash-erstatning?
Flash er et multimedia authoring-program som bidrar til å levere interaktivt og engasjerende webinnhold som gir en rik webopplevelse til brukere. Det er en svært populær plattform som når 99% av nettlesere og bærbare nettlesere, og tilbyr samme sett med teknisk og visuell ytelse på alle nettlesere. Men det har en betydelig ulempe, som er at den ikke støttes effektivt av mobile operativsystemer som iOS.
For det er det HTML5.
Se nå på denne uttalelsen veldig nøye. Tatt til pålydende, kan det bety at HTML5 er en erstatning for Flash, når det gjelder å utvikle svært interaktive applikasjoner for iOS-plattformen.
Scenarier, der klienter har bedt utviklere om å kopiere et Flash-program i sin helhet ved hjelp av HTML5, for en bestemt mobilenhet eller nettbrett, er ganske vanlig. Problemet er at utviklingsplattformer og deres funksjonalitet ikke bør tas til deres pålydende. Ja, en av de viktigste fordelene som tilbys av HTML 5, gjør det lettere å utvikle applikasjoner som fungerer på alle mobiloperatører, i stedet for å kode et nytt program for hvert mobil OS.
Men det betyr ikke at det er en Flash-erstatning.
Populære misforståelser rundt HTML5
Jeg vil bare ta deg gjennom en rekke scenarier, som illustrerer misforståelsene som folk har om HTML 5.
Scenario 1 : Konverter et eksisterende Flash-basert designverktøy til HTML 5
Misforståelsen : HTML 5 kan ikke maskere bilder på en måte som ligner på Flash; Bildemaskeringen er verken opp til merke eller jevn. Enda viktigere er Flash raskere og når det gjelder bestemte funksjoner som beregningsområder og diametre; Flash er et langt bedre alternativ. Funksjoner som Drag / Scale og Zoom fungerer også bedre i Flash i forhold til HTML 5.
Scenario 2 : Konverter en Flash-basert lydbibliotek inn i et HTML5-basert nettbasert kompatibelt bibliotek.
Misforståelsen : HTML5 tilbyr lyd- og video-støtte, men med visse begrensninger. Denne Flash-baserte nettsiden hadde nesten 800 mp3-filer; gjør det til en stor skala applikasjon. Problemet ligger i det faktum at mens Mozilla støtter .ogg-format og krom / safari støtter .mp3-formatet, så hvis brukerens foretrukne nettleser er IE8, blir Flash Audio Player en nødvendighet. Begrensede utvidelser tilgjengelig på HTML5 betyr at den eneste løsningen er å konvertere alle lydfiler til to formater - mp3 og ogg / wave. Å konvertere 800 filer til to filformater er ikke bare en tidkrevende prosess, men øker også serveroppbevaring.
Resultatet er en iPad-app som er treg av blokkene.
Scenario 3 : Konverter en Flash-basert nettsted inn i en HTML5-basert nettside.
Misforståelsen : Det er en misforståelse at HTML5 kan håndtere alle slags animasjoner, selv de i stor skala. Men det kan ikke, i hvert fall ikke ennå. Dens evne til å tilby 3D-effekter og kjøre flere animasjoner på samme tid er sterkt begrenset. Det er systemkonfigurasjonen som bestemmer ytelsen til HTML5-animasjonene, og så langt har det vist seg å være et minne-eater. Det er en god sjanse for at bruken av HTML5 vil påvirke nettstedets ytelse dersom det blir bedt om å gjøre mye når det gjelder animasjon. Enten nettsiden vil krasje eller dens hastighet vil bli påvirket. Så i det ovennevnte tilfellet kan HTML 5-nettstedet kanskje ikke tilby samme ytelsesmerke.
Debunking vanlige HTML 5 misforståelser
For det første tilbyr HTML 5 en veldig praktisk lyd- og videoløsning med noen avanserte funksjoner. Alt godt og bra, men det som mange mennesker ignorerer, er at disse lyd- og videofiler spilles i nettleserne. Hver nettleser har innebygde plugins for lyd og video, men forskjellige nettlesere støtter forskjellige versjoner av lyd og video. På grunn av dette blir det vanskelig å imøtekomme kravene til alle nettlesere.
For det andre har SVG og lerret-elementene definitivt gjort det enklere for utviklere å implementere og integrere 2D-animasjoner, men det har blitt observert at denne animasjonen har en skadelig effekt på ytelsen på nettstedet. Også, HTML5 viser seg å være svak når det gjelder å håndtere 3D-animasjoner, noe som resulterer i at utviklere ikke er i stand til å kopiere en hel Flash-nettside med tilsvarende effektivitet i HTML5. Det vil alltid være begrensninger.
For det tredje kan du bruke HTML5 Rich Internet Applications, men ikke være under misforståelsen at de kan tilby deg samme effektivitet og funksjonalitet som Flash / Flex kan tilby, for eksempel Flash kan kommunisere direkte med eksterne tjenester, mens HTML5 ikke kan .
Nå som du vet hva HTML5 ikke kan gjøre, la meg gi deg en liten liste over ting som HTML5 kan gjøre og faktisk kan gjøre det veldig bra. Dette kan også bidra til å redusere misforståelsene på en stor måte.
- Du kan lage et enkelt program som fungerer på iPad, iPhone, Windows etc. Med andre ord, forenkler det plattform / enhet uavhengighet - en stor fordel i seg selv.
- Hjelper med å utvikle et enkelt nettsted som fungerer på nettbrettet, mobilen og skrivebordet samtidig.
- Hvis det brukes godt og måten det skal brukes på, kan det forbedre nettstedets ytelse.
- Gjør det mulig å bruke lyd- og video-tagger på alle plattformer, men vær forberedt på å gjøre litt hardt arbeid.
- Video, lyd og bilder er skrevet helt inn i kodene, og eliminerer behovet for tredjeparts programvare.
- Raskere lastetid sammenlignet med den eldre versjonen på grunn av WebSockets implementering.
- Tilbyr flotte vektor animasjoner for grafikk og lyseffekt, men forvent ikke månen, solen og stjernene når det gjelder animasjoner; Flash er langt fremover i dette aspektet.
- Gir passende innebygd form validering og type erklæringer for å tilby spesifikk tastatur støtte.
HTML 5 har definitivt potensialet for oppstaging Flash på flere måter enn en, men det er for tiden et pågående arbeid. Selv i sin nåværende avatar bidrar det til å gjøre mobilapplikasjoner mer tilgjengelige, og utviklere kan nå lage universelle applikasjoner for forskjellige mobiltelefoner. I tillegg er det ingen tvil om at det gir mer fleksibilitet i nettstedets kreativitet. For nå er dette nok. Det som skjer i fremtiden er ren hypotese.
Ansvarsfraskrivelse: Alle illustrasjoner som brukes i denne artikkelen, er kun forklarende for å forklare relevante scenarier.
Implementerer du allerede noen HTML5-funksjoner som ikke er bredt støttet? Hvilke funksjoner ser du mest frem til å adoptere? Gi oss beskjed i kommentarene!