Animirani brojači bez JavaScripta
U ovom članku
Priličan broj dizajna brojača ovde se kreće. Broj sam sebe nabraja, ili se ploča sama iscrtava, ili nešto pada na mesto i smiruje se.
Nijedan od njih ne koristi ni jednu liniju JavaScripta.
Kako to radi
Brojači su SVG, a SVG može da nosi sopstveni stilski list. Kretanje su CSS ključni kadrovi (keyframes) zapisani unutar same slike, pa sve stiže kao jedna datoteka, jednim zahtevom, i samo počinje da se kreće. Pregledač to obrađuje kao svaku drugu CSS animaciju: na kompozitoru, bez buđenja skripte.
Praktična posledica je da animirani brojač košta isto koliko i nepokretni. Veličine su otprilike između 1,8 i 3,2 KB. Nema biblioteke, nema drugog zahteva i ništa ne blokira ostatak stranice dok se učitava.
Vrste kretanja
Grupisani su po tome kako se kreću, a ne po tome kako izgledaju, jer se pokazalo da upravo od toga zavisi izbor:
- Nastajanje – brojač se iscrtava potez po potez.
- Sa težinom – nešto upada, odskače i smiruje se. Kretanje sa inercijom iza sebe.
- Futuristički, u pokretu – sjaj, linije skeniranja, magla koja lebdi. Najefektniji od ta tri.
Postoji i mirna futuristička porodica, za slučaj kada se želi taj izgled bez kretanja. Pedeset osam ponuđenih dizajna je animirano dok ovo pišemo, što je mnogo više nego što je ko planirao da napravi.
Kada je posetilac zatražio manje kretanja
Operativni sistemi imaju podešavanje za smanjenje animacija. Ljudi ga uključuju zbog osetljivosti na kretanje, vestibularnih poremećaja, migrena, a ponekad samo zato što je pokretno na stranici zamorno. Pregledač to podešavanje prosleđuje svakoj stranici.
Ovi brojači ga poštuju. Ako je posetilac zatražio od sistema da smanji kretanje, animacija se ne pokreće i dobija nepokretan brojač sa istim brojem. Proveravano dizajn po dizajn tokom pisanja, ne pretpostavljano.
Za poštovanje toga dovoljna je jedna linija u stilskom listu, a to je razlika između ukrasa i smetnje.
Reč protiv njihove upotrebe
Kretanje privlači pogled. To je i čitava svrha, a to je ujedno i argument za uzdržanost.
Ako brojač nije ono o čemu je stranica – a na većini stranica nije – onda nešto što se pomera u uglu bori sa pravim sadržajem za pažnju posetioca, a to je bila poenta stranice. Nepokretan brojač kaže isti broj, a ne traži ništa zauzvrat.
Animirane koristite tamo gde je brojač deo karaktera stranice: lični sajt, stranica projekta, nešto sa malo šou-programa. Na stranici na kojoj neko pokušava da čita, izaberite onaj koji miruje.