- - Příruční vodítka pro měření prvků webových stránek pomocí pásky pro Chrome

Přichytit vodítka k měření prvků webových stránek pomocí pásky pro Chrome

Dobrý webový design se opírá o několik faktorů, z nichž jedním je správné umístění každého prvku. Páska je rozšíření prohlížeče Chrome, které pomáhá webovým návrhářůmTo vám umožní přidat pravítka na webovou stránku. Páska přesahuje to, co nabízejí běžná rozšíření pro měření pixelů; neříká vám pouze oblast, kterou zabírá určitý prvek v pixelech, ale také vám umožňuje přidat do rozhraní prohlížeče tolik pravítek, kolik chcete, měřit a nastínit relativní vzdálenost různých prvků od sebe navzájem. Pravítka můžete přidávat vodorovně i svisle, definovat počáteční body (ano, více než jeden) a nastavit ukazatel tak, aby se automaticky pohyboval po různých prvcích na webové stránce při jejich pohybu, podobně jako ve Photoshopu. Páska je na webové stránce povolena pomocí tlačítka a je ovládána výhradně pomocí klávesnice. Je zřejmé, že samotná webová stránka nezůstane funkční, zatímco je povolena páska, takže vám nebude chybět normální funkce klíčů.

Po instalaci klikněte na tlačítko rozšířenína lištu URL, abyste ji povolili. Vlevo dole se objeví malé vyskakovací okno se seznamem klávesových zkratek a jejich funkcí. Kurzor se automaticky změní na pravítko s vodorovnými i svislými čarami. Když pohybujete kurzorem po webové stránce, všimnete si, že zapadne do prvků (zvýrazněno červeně). Informace o přidání pravítka najdete v seznamu funkcí klávesnice. Většina z těchto zkratek je celkem intuitivní; například můžete pomocí kláves H a L přidat vodorovné a svislé pravítko.

Páska

Můžete upustit jak svislou, tak vodorovnou čárukteré pocházejí ze stejného bodu umístěním kurzoru na něj a stiskem klávesy O. Páska je vynikající pro práci s velkými konstrukčními prvky a také nabízí nástroj pro zvětšení, který vám umožní přidat pravítka k menším prvkům. Chcete-li aktivovat nástroj pro zvětšování (zvaný Loupe), stiskněte klávesu L s aktivovanou páskou a kurzor zvětšuje vše, co přesouváte.

Páska lupa

Pravítka, která Tape umožňuje, mohou přesněpojmout i malé zobrazovací prvky a vytvoření dobré mřížky kolem nich je velmi snadné. Snad nejlepší funkcí rozšíření je, že pokud deaktivujete pásku na stránce po nakreslení mřížky na ní, bude si pamatovat vaše stará označení vždy, když ji příště aktivujete, pokud stránku neobnovíte, nezavřete kartu nebo ukončete prohlížeč.

Páska je poměrně rychlá a velmi citlivá a v našem testování jsme nenašli žádný důvod ke stížnosti. Tyto funkce jsou dostačující pro každého webového návrháře, který Chrome používá, aby to vyzkoušel.

Nainstalujte pásku z Internetového obchodu Chrome

Komentáře