- - Przyciągaj przewodniki, aby mierzyć elementy strony za pomocą taśmy na Chrome

Przyciągaj przewodniki, aby mierzyć elementy strony za pomocą taśmy na Chrome

Dobry projekt strony opiera się na kilku czynnikach, z których jednym jest właściwe umieszczenie każdego elementu. Taśma to rozszerzenie Chrome, które pomaga projektantom stron internetowychumożliwia to dodawanie linijek do strony internetowej. Taśma wykracza poza to, co oferują popularne rozszerzenia pomiaru pikseli; nie tylko pokazuje obszar zajmowany przez dany element w pikselach, ale pozwala także dodawać dowolną liczbę linijek do interfejsu przeglądarki, aby zmierzyć i obliczyć względną odległość różnych elementów od siebie. Możesz dodawać linijki zarówno poziomo, jak i pionowo, definiować punkty początkowe (tak, więcej niż jeden) i ustawiać wskaźnik tak, aby automatycznie przyciągał różne elementy na stronie internetowej podczas przesuwania się nad nimi, podobnie jak w Photoshopie. Taśma jest włączana na stronie internetowej za pomocą przycisku i jest sterowana wyłącznie za pomocą klawiatury. Oczywiście sama strona internetowa nie działa, gdy taśma jest włączona, więc nie przegapisz normalnej funkcji klucza.

Po zainstalowaniu kliknij przycisk rozszerzenia obokdo paska adresu URL, aby go włączyć. W lewym dolnym rogu pojawi się małe okienko z listą skrótów klawiaturowych i ich funkcji. Kursor automatycznie zmieni się w linijkę z liniami poziomymi i pionowymi. Przesuwając kursor po stronie internetowej, zauważysz, że przyciąga on elementy (podświetlone na czerwono). Przejrzyj listę funkcji klawiatury, aby określić sposób dodawania linijki. Większość tych skrótów jest na początku dość intuicyjna; na przykład możesz użyć klawiszy H i L, aby dodać poziome i pionowe linie linijki.

Taśma

Możesz upuścić zarówno linię pionową, jak i poziomąktóre pochodzą z tego samego punktu, ustawiając kursor nad nim i naciskając klawisz O. Taśma doskonale nadaje się do pracy z dużymi elementami projektu, a także oferuje narzędzie powiększające, które pozwala dodawać linijki do mniejszych elementów. Aby aktywować narzędzie powiększające (zwane Lupą), naciśnij klawisz L przy włączonej Taśmie, a kursor powiększy to, na co go przesuniesz.

Lupa taśmowa

Linijki, które umożliwia taśma, mogą dokładniepomieści nawet małe elementy wyświetlacza, a tworzenie wokół nich dobrej siatki jest bardzo łatwe. Być może najlepszą cechą rozszerzenia jest to, że jeśli dezaktywujesz taśmę na stronie po narysowaniu na niej siatki, zapamięta twoje stare oznaczenia za każdym razem, gdy ją aktywujesz, o ile nie odświeżysz strony, nie zamkniesz karty lub zamknij przeglądarkę.

Taśma jest dość szybka i bardzo szybko reaguje, a my nie znaleźliśmy powodu do narzekań w naszych testach. Funkcje są wystarczające dla każdego projektanta stron internetowych, który korzysta z Chrome, aby spróbować.

Zainstaluj taśmę z Chrome Web Store

Komentarze