- - Ghiduri de prindere pentru a măsura elementele site-ului web cu bandă pentru Chrome

Ghiduri instantanee pentru măsurarea elementelor site-ului web cu bandă pentru Chrome

Un design web bun se bazează pe mai mulți factori, dintre care unul este plasarea corectă a fiecărui element. Bandă este o extensie Chrome pentru a ajuta designerii webacest lucru permițându-vă să adăugați rigle la o pagină web. Banda depășește ceea ce oferă extensiile obișnuite de măsurare a pixelilor; nu vă spune doar zona ocupată de un anumit element în pixeli, ci vă permite, de asemenea, să adăugați cât mai multe rigle la interfața browserului pe care doriți, pentru a măsura și contura distanța relativă a diferitelor elemente unele de altele. Puteți adăuga rigle atât pe orizontală, cât și pe verticală, definiți puncte de origine (da, mai mult de unul) și puteți seta indicatorul să se prindă automat la diferite elemente dintr-o pagină web, pe măsură ce treceți peste ele, la fel ca în Photoshop. Banda este activată pe o pagină web printr-un buton și este controlată doar prin intermediul tastaturii dvs. Evident, pagina web în sine nu rămâne funcțională în timp ce Tape este activat, așa că nu veți rata funcționalitatea normală a cheilor.

După instalare, faceți clic pe butonul extensiei alăturatla bara URL pentru a o activa. Un mic pop-up va apărea în partea stângă jos, cu lista scurtăturilor de la tastatură și funcțiile acestora. Cursorul dvs. se va schimba automat într-o riglă cu linii orizontale și verticale. Pe măsură ce mutați cursorul pe pagina web, veți observa că acesta se încadrează în elemente (evidențiat cu roșu). Consultați lista funcțiilor tastaturii pentru a determina cum să adăugați o riglă. Cele mai multe dintre aceste comenzi rapide sunt destul de intuitive pentru a începe; de exemplu, puteți utiliza tastele H, respectiv L pentru a adăuga linii de riglă orizontală și verticală.

Bandă

Puteți renunța atât la o linie verticală cât și la una orizontalăcare provine din același punct poziționând cursorul peste el și apăsând tasta O. Banda este excelentă pentru a lucra cu elemente de design mari și oferă, de asemenea, un instrument de mărire care vă va permite să adăugați rigle la elemente mai mici. Pentru a activa instrumentul de mărire (numit Loupe), apăsați tasta L cu Tape activat, iar cursorul dvs. va mări orice îl mutați.

Banda de luptă

Conducătorii pe care le permite Tape pot face cu exactitategăzduiește chiar și elementele de afișare mici și crearea unei grile bune în jurul lor este foarte ușoară. Poate că cea mai bună caracteristică a extensiei este că dacă dezactivați Tape pe o pagină după ce ați desenat o grilă pe ea, aceasta va aminti marcajele voastre vechi ori de câte ori o activați, atât timp cât nu actualizați pagina, nu închideți fila sau ieși din browser.

Banda este destul de rapidă și foarte receptivă și nu am găsit niciun motiv să ne plângem în testarea noastră. Funcțiile sunt suficiente pentru fiecare designer web care folosește Chrome pentru a încerca.

Instalați bandă din Chrome Web Store

Comentarii