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ářům s tím, že vám umožňuje přidat na web pravítka. Páska přesahuje to, co nabízejí běžná rozšíření pro měření pixelů; neznamená to pouze, že oblast zabírá určitý prvek v pixelech, ale také vám umožňuje přidat tolik pravítek rozhraní prohlížeče, jak chcete, změřit a naznačit relativní vzdálenost různých prvků od sebe. Můžete přidat pravítka vodorovně i svisle, definovat počáteční body (ano, více než jeden) a nastavit Ukazatel pro automatické přichycení k různým prvkům na webové stránce při jejich pohybu, podobně jako v Photoshop. 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í, dokud je povolena páska, takže vám nebude chybět normální funkce klíčů.

Po instalaci klikněte na tlačítko rozšíření vedle řádku adresy URL a povolte jej. 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.

Můžete upustit svislou i vodorovnou čáru, která pochází 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í zvětšovací nástroj, 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 se zapnutou páskou a kurzor zvětšuje vše, co přesouváte.

Pravítka, která páska umožňuje, mohou přesně vyhovět i malým zobrazovacím prvkům 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 poté, co na ni nakreslíte mřížku, zapamatujte si svá stará označení vždy, když ji příště aktivujete, pokud stránku neobnovíte, nezavřete kartu ani neukončíte prohlížeč.

Páska je velmi 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