So fügen Sie jeder Website in Chrome benutzerdefinierte Gitternetzlinien hinzu

Apple könnte in Bezug auf beides auseinanderfallenHardware- und Software-Design, aber auf dem Höhepunkt haben wir gelernt, wie gut etwas aussieht, wenn es richtig ausgerichtet ist. Der Punkt ist, wenn die Dinge perfekt zusammenpassen, sehen sie besser aus, und dies gilt auch für Industriedesign und Webdesign. Website-Designs werden in der Regel in Photoshop erstellt. Dies bedeutet jedoch nicht, dass Designer und Entwickler nicht am Erscheinungsbild einer Website in ihrem Browser basteln. Es ist ziemlich einfach, daran zu basteln. Alles, was Sie tun müssen, ist, die Webentwicklungskonsole zu öffnen, über die alle gängigen Webbrowser verfügen, Auffüllungen hinzuzufügen, die Textfarbe zu ändern usw. Allen diesen Konsolen fehlt ein Ausrichtungswerkzeug. Wenn Chrome Ihr bevorzugter Browser für die Entwicklung ist, Baseliner ist eine Erweiterung, die Sie ausprobieren müssen. Es fügt Ihrem Bildschirm eine Reihe horizontaler Linien hinzu. Sie können den Abstand zwischen diesen Linien sowie deren Farbe frei definieren. Darüber hinaus können Sie mit dem Tool benutzerdefinierte Abstände am oberen Rand einer Seite vor den Gitterlinien einfügen.

Installieren Sie Baseliner und klicken Sie auf die Schaltfläche B neben der Adressleiste. Ein Menü mit Optionen zum Anpassen Ihres Rasters wird geöffnet.

Standardmäßig ist der obere Abstand auf 0px eingestelltDer Abstand zwischen den Linien ist auf 12 Pixel festgelegt, und die Linien sind grau, wobei die Opazität auf 100% festgelegt ist. Um einen dieser Werte zu ändern, klicken Sie in das Kästchen daneben.

Das Farbfeld bietet Ihnen einen Standardfarbwählerum die Farbe der Gitterlinien zu ändern. Die Werte für Abstand, Abstand und Deckkraft können durch Eingabe einer benutzerdefinierten Zahl für jeden Parameter geändert werden. Alternativ können Sie den Wert mit den Auf- / Ab-Pfeilen erhöhen oder verringern. Nachdem Sie das Raster angepasst haben, klicken Sie unten auf "Übernehmen".

Die Gürtellinien werden nur der aktuellen Seite hinzugefügtund nicht zu allen Seiten, die Sie in Ihrem Browser geöffnet haben. Um die Linien zu entfernen, klicken Sie einfach erneut auf die B-Schaltfläche und anschließend unten auf die Schaltfläche "Entfernen".

Baseliner arbeitet einwandfrei. Die Farbsteuerung für das Raster und die Polsterung oben machen die Erweiterung noch intelligenter. Wir wünschen nur, dass es auch vertikale Linien unterstützt.

Installieren Sie Baseliner über den Chrome Web Store