Numërues të animuar pa JavaScript

Mjaft nga dizajnet e numëruesve këtu lëvizin. Numri rritet vetë, paneli vizatohet ose diçka bie në vend dhe ndalet.

Asnjë prej tyre nuk përdor asnjë rresht të vetëm JavaScript.

Si funksionon kjo

Numëruesit janë SVG dhe SVG mund të përmbajë fletën e vet të stilit. Lëvizja realizohet me CSS keyframes të shkruara brenda vetë figurës, prandaj gjithçka mbërrin si një skedar në një kërkesë dhe fillon të lëvizë vetë. Shfletuesi e trajton si çdo animacion tjetër CSS: në kompozitor, pa vënë në punë skript.

Pasoja praktike është se numëruesi i animuar kushton sa ai i palëvizshëm. Madhësia e tyre është afërsisht nga 1,8 deri në 3,2 KB. Nuk ka bibliotekë, kërkesë të dytë apo diçka që bllokon pjesën tjetër të faqes gjatë ngarkimit.

Llojet e lëvizjes

Ato grupohen sipas mënyrës se si lëvizin në vend të asaj se si duken, sepse kjo rezulton të jetë gjëja mbi të cilën bazohet në të vërtetë zgjedhja:

• Formim – numëruesi vizatohet e merr formë, vijë pas vije.
• Me peshë – diçka bie, kërcen dhe ndalet. Lëvizje me inerci.
• Futuriste, në lëvizje – shkëlqim, linja skanimi, mjegull që lëviz. Më tërheqësja nga të tria.

Ofrohet edhe një familje futuriste e qetë, për rastin kur kjo pamje kërkohet pa lëvizjen. Pesëdhjetë e tetë nga dizajnet që ofrohen janë të animuara gjatë kohës që shkruhet kjo, gjë që është shumë më tepër nga sa kishte synuar të ndërtonte dikush.

Kur një vizitor ka kërkuar më pak lëvizje

Sistemet operative kanë një cilësim për reduktimin e animacionit. Njerëzit e aktivizojnë për ndjeshmëri ndaj lëvizjes, çrregullime vestibulare, migrenë dhe ndonjëherë thjesht sepse gjërat që lëvizin në faqe janë lodhëse. Shfletuesi ia përcjell këtë preferencë çdo faqeje.

Këta numërues e respektojnë. Nëse një vizitor i ka kërkuar sistemit të reduktojë lëvizjen, animacioni nuk ekzekutohet dhe shfaqet një numërues i palëvizshëm me të njëjtin numër. E kontrolluar dizajn pas dizajni gjatë shkrimit, jo e supozuar.

Kushton një rresht në një fletë stili për ta respektuar këtë dhe është dallimi midis një dekorimi dhe një bezdie.

Një fjalë kundër përdorimit të tyre

Lëvizja tërheq syrin. Ky është qëllimi i saj dhe po ashtu arsyeja për vetëpërmbajtje.

Nëse numëruesi nuk është ajo për të cilën bëhet fjalë në faqe – dhe në shumicën e faqeve nuk është – atëherë një gjë që lëviz në cep konkurron me përmbajtjen reale për vëmendjen e vizitorit, e cila ishte qëllimi i faqes. Një numërues i palëvizshëm thotë të njëjtin numër pa kërkuar asgjë.

Përdorni dizajnet e animuara aty ku numëruesi është pjesë e karakterit të faqes: një uebsajt personal, një faqe projekti, diçka me pak spektakël. Në një faqe ku dikush përpiqet të lexojë, zgjidhni një që nuk lëviz.