Povratak trake za učitavanje: Jesu li CSS3 i HTML5 novi bljesak?

Danas ćemo malo razgovarati o tome kako i zašto se Flash smatrao negativnim svjetlom i kako možemo izbjeći trčanje istim putem sa modernim tehnologijama koje ga zamjenjuju.

Istražite elemente Envatoa

Zašto mrzimo Flash

Sviđalo vam se to ili ne, web se uključio Flash. Bivši dječak internetskih plakata postao je dijete s crvenim glavama, što kod mnogih korisnika izaziva osjećaje izravne mržnje. Ovaj je marš uvelike vodio Steve Jobs i Appleovo odbijanje da dozvoli Flash na iOS-u, ali svaki dan web korisnici već su duže vrijeme imali tu tehnologiju.

Iz nekoliko razloga, Flash je bio nevjerojatan. To je omogućilo web programerima da dovedu web stranice do razine dinamike koja je prethodno bila nemoguća. Umjesto zemlje dosadnih statičnih stranica, Internet je postao mjesto na kojem su bila moguća doista potopna i potpuno futuristička iskustva.

Međutim, sve je to po cijeni. S usponom Flash-a web je također postao nevjerojatno bujno i tromo mjesto. Naravno da web-lokacije Flash zahtijevaju Flash dodatak, a ako nemate najnoviju verziju, bolje je da je nabavite ili ta stvar neće raditi.

Zatim su stigle utovarne šipke. Vrijeme učitavanja stranica na čistim Flash web stranicama eksponencijalno se povećava i odjednom "učitavanje: 10% ... učitavanje: 11% ..." spinneri su postali dio našeg svakodnevnog života.

Napokon, postoji problem stabilnosti. Steve Jobs slavno je izjavio da je za to, uglavnom, kada se Mac sruši, kriv Flash. Ovo je pomalo hiperbola, ali srž izjave nagovještava neku istinu. Svi smo iskusili zamrzavanje povezano s Flashom i još gore. Toliko da mnogi preuzimaju dodatke koji blokiraju sve Flash aktivnosti osim ako ručno nisu odobreni.

Hollywood Wisdom

U filmu Park Jurassic, specijalist za haos Ian Malcom napominje da je pronašao otok živih dinosaura, "vaši su znanstvenici bili toliko zaokupljeni da li mogu ili ne, nisu prestali razmišljati da li bi trebali."

"Vaši su znanstvenici bili toliko zaokupljeni da li mogu ili ne, nisu prestali razmišljati bi li trebali." -Ian Malcom

Ovaj je citat vrlo prikladan za Flashov uspon na slavu. Programeri su bili toliko uzbuđeni što mogu učiniti, da su zaboravili pitati što bi trebali učiniti. Hoće li Flash poboljšati cjelokupno iskustvo ili ga pogoršati? Što dobivam koristeći Flash i čime žrtvujem? Hoće li većina mojih korisnika biti zadovoljna odlukama koje sam donio? Koliki je bazen korisnika koji će propustiti i koje ću opcije imati za njih?

Ponavljanje povijesti

Brzo prema naprijed do sad. CSS3 i HTML5 stigli su kako bi spasili dan. Flash je na užadima i svaki dan podnosi svježu batinu jer vidimo zadivljujuće nove primjere zapanjujućih web-lokacija izgrađenih samo uz CSS, HTML i JavaScript.

HTML i CSS ugrađeni su u moderne web preglednike i predstavljaju okosnicu svjetskog weba kakav danas poznajemo, pa je mogućnost korištenja tih tehnologija za izradu dinamičnih stranica ostvarenje sna web dizajnera.

Međutim, kako sve više i više programera prihvaća ove tehnologije i počinje ih rastezati do krajnjih granica, Jurassic Park Syndrome započinje s njom postavljati. Svi smo toliko zaokupljeni onim što je moguće da je lako izgubiti iz vida ono što je dopušteno.

Sve više i više dok pregledavam web počinjem vidjeti znakove da se bliži blistava budućnost. Vrijeme učitavanja stranica povećava se do točke da se "učitavanjem" poruka vraća, web stranice postaju prilično ovisne o pregledniku, a duge animacije uzrokuju zamrzavanje preglednika; zvuči poznato?

Nemojte me krivo shvatiti, prvi sam koji ustaje i kažem da HTML5 i CSS3 nisu samo budućnost interneta, nego i izvor najboljih trenutnih tehnologija. Međutim, mislim da su neki razgovori o oprezu prikladni ako želimo izbjeći scenarij sličan Flash-u.

Da, naše nove igračke su sjajne, ali usporimo na minutu i postavimo sebi nekoliko važnih pitanja prije implementacije.

Važna pitanja

Slijedi grubi i nepotpuni popis pitanja koja biste trebali postaviti sebi prije nego što primijenite određene tehnologije sljedećeg roda na svojoj web lokaciji.

Je li svrha eksperimentalna / edukativna?

Za one od vas koji su spremni uperiti prstom u mene i moju tjednu ponudu CSS3 tehnika, dobijam besplatan prolaz (nije li to zgodno?). Moj je posao razgovarati ne samo o trenutnom stanju weba, već o nadolazećim trendovima i tehnologijama. Kao rezultat toga, ovaj blog i drugi trebali bi apsolutno istraživati ​​i podučavati nove tehnike dok se pojave.

Kao pojedinac, također imate svako pravo eksperimentirati. U postavljanju web igrališta ili osobne web stranice s eksperimentalnim značajkama nema štete. Problem nastaje kada ste angažirani za izradu web mjesta pod pretpostavkom da je maksimalna kompatibilnost korisnika primarni cilj. Većina tvrtki neće biti luda za angažiranjem vas za stvaranje web stranice koja je impresivna samo za ostale web dizajnere i koja je neugodna za sve ostale.

Što se dobiva? Što je izgubljeno?

Baš kao što sam preporučio uz primjenu Flasha, s bilo kojom novom ili eksperimentalnom tehnologijom uvijek biste trebali pažljivo odmjeriti svoje prednosti i nedostatke.

Je li korist uglavnom estetski poticaj? Vrijedi li mali pogodak upotrebljivosti? Što je s velikim? Iz perspektive prosječnog ne-dizajnera, hoće li ovaj izbor pridonijeti ili oduzeti iskustvo?

Na primjer, recimo da gradite fantastični animirani padajući izbornik koristeći čisti CSS3 umjesto JavaScript, radite li to zato što je impresivniji ili zato što znate da to možete zaista učiniti funkcionalnijim za više korisnika nego ako ste otišli rta JS?

Sve se to vraća na dilemu Iana Malcoma. Ako se pokaže da na nekom mjestu možete izvući hrpu modernog čarobnjaka, uvijek se zapitajte trebate li.

Ponekad će napredak zapravo pomoći pojednostaviti vašu web stranicu i učiniti je još korisnijom, a drugi put ćete se naći sa natečenim kodom i sporom stranicom dok mašete transparentom napretka. Samo budite iskreni prema sebi i odlučite gdje ćete povući crtu.

Hoće li propustiti bilo koji korisnik?

Recimo da želite implementirati neke Webkit Keyframe Animacije (jedno od mojih najdražih CSS3 proizvoda) na web mjestu klijenta, prvo pogledajte svoju analitiku da biste vidjeli koliko korisnika koji nisu Webkit nećete izostaviti?

Kompatibilnost preglednika bio je glavni problem prije HTML5 i CSS3 i sada je samo još gori. Ista logika koju smo uvijek koristili i dalje vrijedi. Samo pripazite da dizajnirate svaki glavni preglednik. Što se mene tiče, ne bi se trebali osjećati loše u provođenju trikova i efekata koji se tiču ​​preglednika, samo budite sigurni da ostali korisnici imaju solidno iskustvo.

Očito, govorimo o progresivnom unapređenju. Započnite s osnovnom funkcionalnošću i estetikom koja djeluje na svim glavnim preglednicima, a zatim dodajte posebne dodatke za one napredne ljude koji koriste zaista moderan preglednik.

Zaključak

Ukratko, apsolutno volim HTML5 i CSS3. Provodim mnoštvo vremena eksperimentišući i protežući granice onoga što sam prije smatrao da je moguće. Međutim, kada radim na stvarnim projektima, uvijek sam oprezan što ću prijeći i izraditi web mjesto koje ne samo da izgleda kao da je izgrađeno pomoću Flasha, već i djeluje poput njega!

Ostavite komentar ispod i javite nam kako pristupite korištenju novih tehnologija na stranicama klijenata. Da li u potpunosti prihvaćate HTML5 i CSS3 ili ih samo selektivno privlačite tamo gdje se mogu postići istinska poboljšanja?