Jak dodać niestandardowe linie siatki do dowolnej witryny w Chrome

Apple może rozpadać się zarówno pod względem sprzętu, jak i oprogramowania, ale w szczytowym momencie nauczył nas, jak dobrze wygląda coś, jeśli jest odpowiednio wyrównane. Chodzi o to, że gdy rzeczy układają się idealnie, wyglądają lepiej, a dotyczy to wzornictwa przemysłowego i projektowania stron internetowych. Projekty stron internetowych są zwykle tworzone w Photoshopie, ale nie oznacza to, że projektanci i programiści nie majstrują przy wyglądzie strony internetowej w przeglądarce. Łatwo jest manipulować; wszystko, co musisz zrobić, to otworzyć konsolę programistyczną, którą mają wszystkie główne przeglądarki, i dodać dopełnienie, zmienić kolor tekstu itp. Jedną z rzeczy, których brakuje wszystkim tym konsolom, jest narzędzie do wyrównywania. Jeśli Chrome jest preferowaną przeglądarką do programowania, Baseliner to rozszerzenie, które musisz wypróbować. Dodaje do ekranu szereg poziomych linii. Masz pełną swobodę w definiowaniu odstępów między tymi liniami, a także ich koloru. Ponadto narzędzie pozwala dodawać niestandardowe wypełnienie u góry strony przed liniami siatki.

Zainstaluj Baseliner i kliknij przycisk B, który dodaje obok paska adresu. Otworzy się menu z opcjami dostosowywania siatki.

Domyślnie górne wypełnienie jest ustawione na 0px, odstępy między liniami są ustawione na 12px, a linie są w kolorze szarym z kryciem ustawionym na 100%. Aby zmienić jedną z tych wartości, kliknij wewnątrz pola obok nich.

Pole koloru daje standardowy próbnik kolorów do zmiany koloru linii siatki. Wartości odstępów, wypełnienia i krycia można zmienić, wprowadzając niestandardowy numer dla każdego parametru. Możesz również użyć strzałek góra / dół, aby zwiększyć lub zmniejszyć wartość. Po dostosowaniu siatki kliknij „Zastosuj” u dołu.

Linie pomocnicze są dodawane tylko do bieżącej strony, a nie do wszystkich stron otwartych w przeglądarce. Aby usunąć linie po zakończeniu, po prostu kliknij ponownie przycisk B, a następnie przycisk „Usuń” u dołu.

Baseliner działa bezbłędnie. Kontrola koloru siatki i wypełnienie u góry sprawiają, że rozszerzenie jest jeszcze bardziej inteligentne. Chcemy tylko, aby obsługiwane były również pionowe linie.

Zainstaluj Baseliner ze sklepu Chrome Web Store