Snap vodiči za mjerenje elemenata web stranice trakom za Chrome

Dobar web dizajn temelji se na nekoliko čimbenika, od kojih je jedan pravilan smještaj svakog elementa. Traka je proširenje za Chrome kako bi web dizajnerima pomoglo u tome što vam omogućuje dodavanje vladara na web stranicu. Vrpca nadilazi ono što nude uobičajena proširenja za mjerenje piksela; ne kaže vam samo područje koje zauzima određeni element u pikselima, nego vam omogućuje da dodate što više ravnala u sučelje preglednika kako želite, za mjerenje i ocjenu relativne udaljenosti različitih elemenata jedan od drugog. Možete dodati ravnala vodoravno i okomito, odrediti ishodišne ​​točke (da, više od jednog) i postaviti pokazivač za automatsko spajanje na različite elemente na web stranici dok se krećete po njima, slično kao u Photoshop. Vrpca je na web stranici omogućena pomoću gumba, a kontrolira se isključivo putem tipkovnice. Očito sama web stranica ne ostaje funkcionalna dok je vrpca omogućena, tako da nećete propustiti normalnu funkciju tipki.

Nakon instaliranja kliknite gumb proširenja pored URL trake da biste ga omogućili. U lijevom donjem dijelu pojavit će se mali skočni prozor s popisom prečaca na tipkovnici i njihovim funkcijama. Vaš će se pokazivač automatski prebaciti u ravnalo s horizontalnim i okomitim linijama. Dok pomičete pokazivač preko web stranice, primijetit ćete da se svodi na elemente (označene crvenom bojom). Pogledajte popis funkcija tipkovnice kako biste utvrdili kako dodati ravnalo. Većina tih prečaca za početak je prilično intuitivna; na primjer, možete koristiti tipke H i L za dodavanje vodoravnih i okomitih linija ravnala.

Traka

Okomitu i vodoravnu liniju koja potiče iz iste točke možete ispustiti tako da postavite pokazivač preko nje i pritisnete tipku O. Traka je izvrsna za rad s velikim dizajnerskim elementima, a također nudi i povećalo koji će vam omogućiti dodavanje vladara manjim elementima. Da biste aktivirali povećalo (zvano Loupe), pritisnite tipku L s omogućenom vrpcom, a pokazivač će povećati sve što je pomaknete.

Luk s vrpcom

Alat koji Tape omogućuje precizno je prilagoditi čak i male elemente zaslona, ​​a stvaranje dobre rešetke oko njih vrlo je jednostavno. Možda je najbolja značajka proširenja to da ako deaktivirate Tape na stranici nakon što nacrtate rešetku na njoj, to će se desiti sjetite se starih oznaka svaki put kad ga sljedeći put aktivirate, sve dok ne osvježite stranicu, zatvorite karticu ili izađete preglednik.

Vrpca je prilično brza i vrlo osjetljiva, a na našem testiranju nismo našli razloga za prigovaranje. Značajke su dovoljne za svakog web dizajnera koji koristi Chrome da bi ga iskušao.

Instalirajte vrpcu iz Chrome web trgovine

watch instagram story