Iekraušanas joslas atgriešana: vai CSS3 un HTML5 ir jaunā zibspuldze?

Šodien mēs mazliet pārrunāsim, kā un kāpēc Flash tika uztverts negatīvā gaismā un kā mēs varam izvairīties no tā paša ceļa, izmantojot modernās tehnoloģijas, kas to aizstāj.

Izpētiet Envato elementus

Kāpēc mēs ienīst Flash

Patīk vai nē, tīmeklī ir ieslēgta Flash. Bijušais interneta plakātu zēns ir kļuvis par sarkangalvju pakāpju bērnu, daudziem lietotājiem izraisot tiešu naida sajūtu. Šo gājienu lielā mērā vadīja Stīvs Džobs un Apple atteicās atļaut Flash operētājsistēmā iOS, taču katru dienu tīmekļa lietotāji jau sen izmanto liellopu gaļu ar tehnoloģiju.

Vairāku iemeslu dēļ Flash bija pārsteidzošs. Tas ļāva tīmekļa izstrādātājiem vietnēs sasniegt tādu dinamikas līmeni, kāds iepriekš nebija iespējams. Nevis garlaicīgu, statisku lapu, bet arī internets kļuva par vietu, kur bija iespējama patiesi ieskaujoša un tieša futūristiska pieredze.

Tomēr tas viss bija par cenu. Paaugstinoties Flash, tīmeklis kļuva arī par ārkārtīgi kļūdainu un gausu vietu. Protams, Flash vietnēm ir nepieciešams Flash spraudnis, un, ja jums nav jaunākās versijas, labāk to dabūt vai arī šī lieta nedarbosies.

Tad nāca iekraušanas stieņi. Lapu ielādes laiks tīrā Flash vietnēs palielinās eksponenciāli, un pēkšņi “iekraušana: 10%… iekraušana: 11%…” vērptuves kļuva par mūsu ikdienas sastāvdaļu.

Visbeidzot, pastāv stabilitātes problēma. Stīvs Džobss slaveni paziņoja, ka lielāko daļu laika, kad Mac avarē, pie vainas ir Flash. Tas ir mazliet hiperboliski, taču paziņojuma kodolā ir norādīta kaut kāda patiesība. Mēs visi esam pieredzējuši ar Flash saistītu sasalšanu un vēl ļaunāk. Tik daudz, ka daudzi cilvēki lejupielādē spraudņus, kas bloķē visas Flash darbības, ja vien tas nav manuāli apstiprināts.

Holivudas gudrība

Filmā Jurassic Park haosa speciālists Īans Malkoms piezīmē, kad atrada dzīvu dinozauru salu: “Jūsu zinātnieki bija tik ļoti nobažījušies, vai viņi to spēja, vai ne, viņi nebeidza domāt, vai vajadzētu”.

"Jūsu zinātnieki bija tik ļoti noraizējušies par to, vai viņi to var vai nevar, viņi nebeidza domāt, vai vajadzētu." -Ians Malcom

Šis citāts ir ļoti piemērots Flash slavas celšanai. Izstrādātāji bija tik satraukti par to, ko viņi varēja darīt, viņi aizmirsa jautāt, kas viņiem jādara. Vai Flash uzlabos kopējo pieredzi vai pasliktinās to? Ko es iegūstu, izmantojot Flash, un ko es upurēju? Vai vairākums manu lietotāju būs apmierināti ar manis pieņemtajiem lēmumiem? Cik liels ir to lietotāju loks, kuri pametīs garām, un kādas iespējas es viņiem piedāvāšu?

Atkārtojot vēsturi

Uz priekšu tagad. Lai saglabātu dienu, ir ieradušies CSS3 un HTML5. Zibspuldze darbojas uz virvēm un katru dienu notiek svaiga pukstēšana, jo mēs redzam satriecošus jaunus pārsteidzošu vietņu piemērus, kas izveidoti tikai ar CSS, HTML un JavaScript.

HTML un CSS ir iebūvēti modernās tīmekļa pārlūkprogrammās un ir vispasaules tīmekļa pamats, kā mēs to šodien pazīstam, tāpēc spēja izmantot šīs tehnoloģijas dinamisku lapu veidošanai ir tīmekļa dizainera sapņu piepildījums.

Tomēr, tā kā arvien vairāk izstrādātāju izvēlas šīs tehnoloģijas un sāk tās stiept līdz robežām, Jurassic Park sindroms sāk to iestatīt. Mēs visi esam tik ļoti noraizējušies par iespējamo, ka ir viegli aizmirst par pieļaujamo.

Arvien vairāk pārlūkojot tīmekli, es arvien vairāk redzu pazīmes, ka tuvojas Flash līdzīga nākotne. Lapu ielādes laiks palielinās līdz tādam līmenim, ka ziņojumu ielādēšana rada atgriešanos, Web lapas kļūst diezgan atkarīgas no pārlūka, garas animācijas izraisa pārlūka iesaldēšanu; izklausās pazīstams?

Nekļūdieties man, es esmu pirmais, kurš pieceļas un saka, ka HTML5 un CSS3 ir ne tikai tīmekļa nākotne, bet arī labāko pašreizējo tehnoloģiju avots. Tomēr es domāju, ka dažas sarunas par piesardzību ir piemērotas, ja vēlamies izvairīties no Flash līdzīga scenārija.

Jā, mūsu jaunās rotaļlietas ir satriecošas, taču pirms ieviešanas palēnināsimies par minūti un uzdosim sev dažus svarīgus jautājumus.

Svarīgi jautājumi

Šis ir aptuvens un nepilnīgs jautājumu saraksts, kas jums jāuzdod sev pirms noteiktu nākamā paaudzes tehnoloģiju ieviešanas jūsu vietnē.

Vai mērķis ir eksperimentāls / izglītojošs?

Tiem no jums, kas ir gatavi norādīt ar pirkstu uz mani, un iknedēļas CSS3 tehnikas piedāvājumā es saņemu bezmaksas caurlaidi (vai tas nav ērti?). Mans darbs ir apspriest ne tikai pašreizējo tīmekļa stāvokli, bet arī gaidāmās tendences un tehnoloģijas. Tā rezultātā šajā emuārā un citos gadījumos ir absolūti jāizpēta un jāmāca jaunas metodes, kad tās rodas.

Jums kā indivīdam ir arī visas tiesības eksperimentēt. Web rotaļu laukuma vai personīgas vietnes ar eksperimentālām funkcijām iestatīšana nekaitē. Problēma rodas, kad esat nolīgts izveidot vietni, pieņemot, ka primārais mērķis ir maksimāla saderība ar lietotāju. Lielākā daļa uzņēmumu neliksies par jums noalgot, lai jūs izveidotu vietni, kas ir tikai iespaidīga citiem tīmekļa dizaineriem un nedaudz kaitinoša visiem citiem.

Kas tiek iegūts? Kas ir pazaudēts?

Tāpat kā es ieteicu, ieviešot Flash, ar jebkuru jaunu vai eksperimentālu tehnoloģiju vienmēr rūpīgi jāizvērtē savi plusi un mīnusi.

Vai ieguvums galvenokārt ir estētisks stimuls? Vai ir vērts nedaudz saskarties ar lietojamību? Kā būtu ar lielu? Vai no šī vidējā lietotāja, kas nav dizaineris, viedokļa šī izvēle papildinās vai atņems pieredzi?

Piemēram, pieņemsim, ka jūs veidojat izdomātu animētu nolaižamo izvēlni, izmantojot JavaScript, nevis tīru CSS3, vai jūs to darāt tāpēc, ka tā ir iespaidīgāka vai tāpēc, ka zināt, ka jūs to patiesi varat padarīt funkcionālāku vairāk lietotājiem nekā tad, ja būtu aizgājuši JS maršruts?

Tas viss atgriežas pie Iana Malcoma dilemmas. Ja izrādās, ka vietnē varat novilkt ķekars modernu tīmekļa burvību, vienmēr pajautājiet sev, vai jums vajadzētu .

Dažreiz avansi faktiski palīdzēs pilnveidot jūsu vietni un padarīs to vēl izmantojamāku, citreiz jūs atradīsit uzpūstu kodu un lēnu lapu, vienlaikus vicinot progresa reklāmkarogu. Vienkārši esiet godīgi pret sevi un izlemiet, kur novilkt robežu.

Vai kāds no lietotājiem nokavēs?

Pieņemsim, ka vēlaties klienta vietnē ieviest dažas Webkit Keyframe Animācijas (viena no manām iecienītākajām CSS3 labākajām), vai vispirms apskatīsit savu analītiku, lai redzētu, cik daudz lietotāju, kas nav Webkit, jūs atstāsit?

Pārlūkprogrammu savietojamība bija galvenā problēma pirms HTML5 un CSS3, un tagad tā ir tikai sliktāka. Joprojām ir spēkā tā pati loģika, ko mēs vienmēr esam izmantojuši. Pārliecinieties, ka izstrādājat, ņemot vērā katru galveno pārlūku. Cik es uztraucos, jums nevajadzētu justies slikti, ieviešot pārlūkprogrammai specifiskus trikus un efektus, vienkārši pārliecinieties, vai citiem lietotājiem joprojām ir ievērojama pieredze.

Acīmredzot mēs runājam par progresīvu uzlabošanu. Sāciet ar funkcionalitātes un estētikas sākumstāvokli, kas darbojas visos lielākajos pārlūkos, pēc tam pievienojiet īpašas ekstras tiem tālredzīgiem cilvēkiem, kuri izmanto patiesi modernu pārlūku.

Secinājums

Apkopojot, es absolūti mīlu HTML5 un CSS3. Es pavadu daudz laika, eksperimentējot un izstiepjot robežas no tā, ko es agrāk uzskatīju par iespējamu. Tomēr, strādājot pie reāliem projektiem, es vienmēr esmu piesardzīgs, dodoties pāri bortam un izveidojot vietni, kas ne tikai izskatās, ka tā ir veidota ar Flash, bet arī darbojas tā!

Atstājiet komentāru zemāk un dariet mums zināmu, kā jūs pieeja jaunu tehnoloģiju izmantošanai klientu vietnēs. Vai jūs pilnībā aptverat HTML5 un CSS3 vai vienkārši selektīvi pievilināt tos, kur var veikt patiesus uzlabojumus?