Laadimisriba tagastamine: kas CSS3 ja HTML5 on uus Flash?

Täna arutame natuke seda, kuidas ja miks Flashit negatiivses valguses käsitleti ja kuidas saaksime vältida sama tee jooksmist seda asendavate moodsate tehnoloogiatega.

Uurige Envato elemente

Miks me vihkame Flashi

Meeldib see meile või mitte, on veeb sisse lülitanud Flashi. Endisest Interneti-postripoisist on saanud punapeaga samm-laps, tuues paljudes kasutajates välja otsekohese vihkamise tundeid. Seda marssi juhtis suuresti Steve Jobs ja Apple'i keeldumine lubada iOS-ile Flashi, kuid iga päev on veebikasutajad juba pikka aega tehnoloogiaga kurssi viinud.

Mitmel põhjusel oli Flash hämmastav. See võimaldas veebiarendajatel viia veebisaidid dünaamilisuse tasemele, mis varem oli võimatu. Igavate staatiliste lehtede maa asemel sai Internet kohaks, kus olid võimalikud tõeliselt ümbritsevad ja lausa futuristlikud kogemused.

See kõik tuli aga hinnaga. Flashi tõusuga sai veeb ka märkimisväärselt lollakaks ja lohakaks kohaks. Muidugi vajavad Flashi veebisaidid Flashi pistikprogrammi ja kui teil pole uusimat versiooni, siis parem hankige see hankida või see asi ei tööta.

Siis tulid laadimisvardad. Ainult Flashi saitide lehtede laadimisajad pikenevad plahvatuslikult ja ühtäkki said „Keeramine: 10%… Laadimine: 11%…” ketrajad osaks meie igapäevaelust.

Lõpuks on stabiilsuse probleem. Steve Jobs väitis kuulsalt, et enamasti on Macide krahhil süüdi Flash. See on natuke hüperbool, kuid avalduse tuum vihjab mingile tõele. Oleme kõik kogenud Flashiga seotud külmutamist ja mis veel hullem. Nii palju, et paljud inimesed laadivad alla pluginaid, mis blokeerivad kogu Flashi tegevuse, kui see pole käsitsi kinnitatud.

Hollywoodi tarkus

Filmis Jurassic Park märgib kaose spetsialist Ian Malcom elavate dinosauruste saare leidmisel: "Teie teadlased olid nii hõivatud, et kas nad suudavad või mitte, nad ei lakanud mõtlemast, kas peaks."

"Teie teadlased olid nii mures, kas nad suudavad või mitte, nad ei lakanud mõtlemast, kas peaks." -Ian Malcom

See tsitaat on väga sobiv Flashi kuulsuse tõusmiseks. Arendajad olid sellest vaimustuses, mida nad teha võisid, unustasid küsida, mida nad peaksid tegema. Kas Flash parandab üldist kogemust või halvendab seda? Mida ma Flashi kasutamisega võidan ja mida ma ohverdan? Kas enamus minu kasutajaid on minu tehtud otsustega rahul? Kui suur on kasutajate kogum, kes jätab kasutamata ja millised võimalused on mul nende jaoks?

Ajaloo kordamine

Nüüd edasi. Päeva päästmiseks on saabunud CSS3 ja HTML5. Flash on köitel ja võtab iga päev värske peksmise, kuna näeme hämmastavaid uusi näiteid uskumatutest saitidest, mis on loodud ainult CSS, HTML ja JavaScripti abil.

HTML ja CSS on sisseehitatud kaasaegsetesse veebibrauseritesse ja on ülemaailmse veebi selgroog, nagu me seda täna teame, seega on nende tehnoloogiate kasutamine dünaamiliste lehtede loomiseks veebidisainerite unistuse teoks teha.

Kuna aga üha enam arendajaid valib need tehnoloogiad ja hakkab neid piiridesse sirutama, hakkab Jurassic Parki sündroom seda seadma. Me kõik oleme niivõrd vaevatud võimalusega, et lubatav on lihtne unustada.

Üha enam ja enam veebis sirvides näen märke, et läheneb välklambilaadne tulevik. Lehtede laadimisajad on kasvanud nii kaugele, et sõnumite laadimine teeb tagasituleku, veebilehed muutuvad üsna brauserist sõltuvaks, pikad animatsioonid põhjustavad brauserite külmumist; kõlab tuttavalt?

Ärge saage minust valesti aru, ma tõusen esimesena püsti ja ütlen, et HTML5 ja CSS3 pole mitte ainult veebi tulevik, vaid ka parimate praeguste tehnoloogiate allikas. Kuid ma arvan, et mõned ettevaatlikkusega seotud vestlused on sobivad, kui tahame välklambitaolist stsenaariumi vältida.

Jah, meie uued mänguasjad on fantastiliselt toredad, kuid aeglustage minut ja proovige enne rakendamist enda jaoks paar olulist küsimust.

Olulised küsimused

Järgnev on umbkaudne ja mittetäielik loetelu küsimustest, mida peaksite endalt küsima enne teatud järgmise põlvkonna tehnoloogia rakendamist oma saidil.

Kas eesmärk on eksperimentaalne / hariv?

Neile, kes olete valmis mulle näpuga näitama, ja minu iganädalasele CSS3 tehnika pakkumisele saan tasuta pääsme (kas pole nii mugav?). Minu ülesanne on arutada mitte ainult veebi hetkeseisu, vaid ka tulevasi trende ja tehnoloogiaid. Selle tulemusel peaks see ajaveeb ja kõik muud uurima ja õpetama uusi tehnikaid nende tekkimisel.

Ka inimesel on teil täielik õigus katsetada. Katsefunktsioonidega veebimänguväljaku või isikliku veebisaidi seadistamine ei kahjusta midagi. Probleem ilmneb siis, kui teid palgatakse saidi loomiseks eeldusel, et peamine eesmärk on kasutajate maksimaalne ühilduvus. Enamik ettevõtteid ei aja teid palgata saidi loomiseks, mis on teistele veebidisaineritele ainult muljetavaldav ja kõigile teistele tüütu.

Mida saadakse? Mis on kadunud?

Nii nagu soovitasin Flashi rakendamisel, peaksite iga uue või eksperimentaalse tehnoloogiaga hoolikalt kaaluma oma plusse ja miinuseid.

Kas kasu on enamasti esteetiline hoog? Kas tasub kasutatavuses kerget lööki saada? Kuidas oleks suurega? Kas keskmise valikuga, kes pole disainer, on vaatenurgast kas see valik lisab kogemustele kogemusi või eemaldab need?

Näiteks oletame, et ehitate väljamõeldud animeeritud rippmenüü, kasutades JavaScripti asemel puhast CSS3, kas teete seda seetõttu, et see on muljetavaldavam või kuna teate, et saate selle muuta tõeliselt funktsionaalsemaks rohkemate kasutajate jaoks, kui oleksite läinud JS marsruut?

See kõik tuleb tagasi Ian Malcomi dilemma juurde. Kui selgub, et saate saidil hunniku kaasaegseid veebitarkusi ära tõmmata, küsige alati endalt, kas peaksite .

Mõnikord aitavad edusammud teie saiti tegelikult sujuvamaks muuta ja muuta selle veelgi kasutatavamaks. Teinekord leiate end ülespuhutud koodi ja aeglase lehega, lehvitades samal ajal edenemisriba. Lihtsalt olge enda vastu ausad ja otsustage, kuhu piiri tõmmata.

Kas mõni kasutaja jääb ilma?

Oletame, et soovite rakendada mõnda veebikoodi võtmekaadrite animatsioone (üks minu lemmik CSS3-hüpikaid) kliendisaidil, kas te uurite kõigepealt oma analüütilisi andmeid, et näha, kui palju mitte-Webkiti kasutajaid te välja jätate?

Brauseri ühilduvus oli enne HTML5 ja CSS3 suur probleem ja praegu on see ainult hullem. Sama loogika, mida oleme alati kasutanud, kehtib endiselt. Kujundage kindlasti iga suuremat brauserit silmas pidades. Minu arvates ei tohiks te brauserispetsiifiliste trikkide ja efektide rakendamisel end halvasti tunda, lihtsalt veenduge, et teistel kasutajatel oleks endiselt kindel kogemus.

Ilmselt räägime järkjärgulisest täiustamisest. Alustage funktsionaalsuse ja esteetika algtasemest, mis töötab kõigis suuremates brauserites, seejärel lisage spetsiaalsed lisad neile tulevikku mõtlevatele inimestele, kes kasutavad tõeliselt kaasaegset brauserit.

Järeldus

Kokkuvõtteks võib öelda, et ma väga armastan HTML5 ja CSS3. Veedan palju aega eksperimenteerides ja sirutades piire, mida varem arvasin olevat võimalik. Kuid reaalsete projektide kallal töötades olen alati ettevaatlik, et minna üle parda ja luua sait, mis mitte ainult ei näe välja nagu see oleks ehitatud Flashi abil, vaid käituks ka nagu!

Jäta kommentaar allpool ja anna meile teada, kuidas suhtute uute tehnoloogiate kasutamisse kliendisaitidel. Kas tunnete HTML5 ja CSS3 täielikku omaks või apelleerite neile valikuliselt ainult siis, kui neid saab tõeliselt täiustada?