Snap Guides zum Messen von Website-Elementen mit Tape For Chrome

Gutes Webdesign hängt von mehreren Faktoren ab, von denen einer die richtige Platzierung jedes Elements ist. Band ist eine Chrome-Erweiterung, die Webdesignern dabei hilft, Lineale zu einer Webseite hinzuzufügen. Das Band geht über das hinaus, was herkömmliche Erweiterungen zur Pixelmessung bieten. Es zeigt Ihnen nicht nur den Bereich, der von einem bestimmten Element in Pixel belegt wird, sondern Sie können auch so viele Lineale hinzufügen die Browser-Oberfläche, wie Sie möchten, um den relativen Abstand verschiedener Elemente voneinander zu messen und zu skizzieren. Sie können Lineale sowohl horizontal als auch vertikal hinzufügen, Ursprungspunkte definieren (ja, mehr als einen) und die festlegen Zeiger zum automatischen Einrasten an verschiedenen Elementen auf einer Webseite, wenn Sie darüber fahren, ähnlich wie in Photoshop. Das Band wird auf einer Webseite über eine Schaltfläche aktiviert und ausschließlich über Ihre Tastatur gesteuert. Offensichtlich bleibt die Webseite selbst nicht funktionsfähig, solange das Band aktiviert ist, sodass Sie die normale Schlüsselfunktionalität nicht verpassen.

Klicken Sie nach der Installation auf die Schaltfläche der Erweiterung neben der URL-Leiste, um sie zu aktivieren. Unten links wird ein kleines Popup mit den Tastenkombinationen und ihren Funktionen angezeigt. Ihr Cursor verwandelt sich automatisch in ein Lineal mit horizontalen und vertikalen Linien. Wenn Sie den Mauszeiger über die Webseite bewegen, werden Sie feststellen, dass er an den Elementen einrastet (rot hervorgehoben). In der Liste der Tastaturfunktionen finden Sie Informationen zum Hinzufügen eines Lineals. Die meisten dieser Verknüpfungen sind zunächst recht intuitiv. Sie können beispielsweise die Tasten H und L verwenden, um horizontale und vertikale Lineallinien hinzuzufügen.

Sie können sowohl eine vertikale als auch eine horizontale Linie, die vom selben Punkt ausgeht, ablegen, indem Sie den Cursor darüber positionieren und die O-Taste drücken. Klebeband eignet sich hervorragend für die Arbeit mit großen Designelementen und bietet außerdem ein Vergrößerungswerkzeug, mit dem Sie kleineren Elementen Lineale hinzufügen können. Um das Vergrößerungswerkzeug (Lupe genannt) zu aktivieren, drücken Sie die L-Taste mit aktiviertem Band, und Ihr Cursor vergrößert alles, worüber Sie es bewegen.

Die Lineale, die Tape aktiviert, können selbst die kleinen Anzeigeelemente genau aufnehmen, und es ist sehr einfach, ein gutes Raster um sie herum zu erstellen. Das vielleicht beste Merkmal der Erweiterung ist, dass wenn Sie das Band auf einer Seite deaktivieren, nachdem Sie ein Raster darauf gezeichnet haben, dies der Fall ist Denken Sie bei der nächsten Aktivierung an Ihre alten Markierungen, solange Sie die Seite nicht aktualisieren, die Registerkarte schließen oder beenden Browser.

Das Band ist ziemlich schnell und sehr reaktionsschnell, und wir haben bei unseren Tests keinen Grund gefunden, uns darüber zu beschweren. Die Funktionen reichen für jeden Webdesigner aus, der Chrome verwendet, um es auszuprobieren.

Installieren Sie das Band aus dem Chrome Web Store