- - Hilfslinien zum Messen von Website-Elementen mit Klebeband für Chrome

Hilfslinien zum Messen von Website-Elementen mit Klebeband für Chrome

Gutes Webdesign beruht auf mehreren Faktoren, von denen einer die richtige Platzierung jedes Elements ist. Band ist eine Chrome-Erweiterung, die Webdesignern hilftAuf diese Weise können Sie einer Webseite Lineale hinzufügen. Tape geht über das hinaus, was herkömmliche Erweiterungen für die Pixelmessung bieten. Es wird nicht nur der von einem bestimmten Element belegte Bereich in Pixel angegeben, sondern es können auch beliebig viele Lineale zur Browseroberfläche hinzugefügt werden, um den relativen Abstand der verschiedenen Elemente voneinander zu messen und zu umreißen. Sie können Lineale sowohl horizontal als auch vertikal hinzufügen, Ursprungspunkte definieren (ja, mehr als einen) und den Zeiger so einstellen, dass er automatisch an verschiedenen Elementen einer Webseite ausgerichtet wird, wenn Sie darüber fahren, ähnlich wie in Photoshop. Das Band wird auf einer Webseite über eine Schaltfläche aktiviert und nur über Ihre Tastatur gesteuert. Offensichtlich bleibt die Webseite selbst nicht funktionsfähig, solange das Band aktiviert ist, sodass Sie die normalen Schlüsselfunktionen nicht verpassen.

Klicken Sie nach der Installation auf die Schaltfläche der ErweiterungKlicken Sie auf die URL-Leiste, um sie zu aktivieren. Unten links wird ein kleines Popup mit den Tastaturkürzeln 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 erfahren Sie, wie Sie ein Lineal hinzufügen. Die meisten dieser Verknüpfungen sind zunächst recht intuitiv. Mit den Tasten H und L können Sie beispielsweise horizontale und vertikale Lineallinien hinzufügen.

Band

Sie können sowohl eine vertikale als auch eine horizontale Linie ablegenDiese stammen vom selben Punkt, indem Sie den Mauszeiger darüber positionieren und die O-Taste drücken. Tape 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 bei aktiviertem Klebeband, und der Cursor vergrößert alles, was Sie darüber bewegen.

Klebebandlupe

Die Lineale, die Tape aktiviert, können genauEs ist sehr einfach, auch kleine Anzeigeelemente unterzubringen und ein gutes Gitter um sie herum zu erstellen. Das vielleicht beste Merkmal der Erweiterung ist, dass beim Deaktivieren von Tape auf einer Seite nach dem Zeichnen eines Gitters Ihre alten Markierungen gespeichert werden, wenn Sie es das nächste Mal aktivieren, sofern Sie die Seite nicht aktualisieren, die Registerkarte schließen oder Browser beenden.

Tape ist recht schnell und sehr reaktionsschnell, und wir haben in unseren Tests keinen Grund gefunden, uns darüber zu beschweren. Die Funktionen reichen für jeden Webdesigner aus, der Chrome zum Ausprobieren verwendet.

Installieren Sie das Band aus dem Chrome Web Store

Bemerkungen