Sådan føjes tilpassede rutelinjer til ethvert websted i Chrome

Apple falder måske fra hinanden med hensyn til begge delehardware- og softwaredesign, men på sit højeste lærte det os, hvor godt noget ser ud, hvis det er korrekt justeret. Pointen er, at når ting passer perfekt sammen, ser de bedre ud, og dette gælder for industrielt design og webdesign. Webstedsdesign oprettes normalt i Photoshop, men det er ikke at sige, at designere og udviklere ikke tænker på udseendet på et websted i deres browser. Det er ret nemt at tænke på; alt hvad du skal gøre er at åbne webudviklingskonsollen, som alle større webbrowsere har og tilføje polstring, ændre tekstfarve osv. Én ting, som alle disse konsoller mangler, er et justeringsværktøj. Hvis Chrome er din foretrukne browser til udvikling, Baseliner er en udvidelse, du skal prøve. Det tilføjer en række vandrette linjer til din skærm. Du har fuld frihed til at definere afstanden mellem disse linjer såvel som deres farve. Derudover giver værktøjet dig mulighed for at tilføje brugerdefineret polstring øverst på en side inden netlinjerne.

Installer Baseliner, og klik på B-knappen, den tilføjer ved siden af ​​adresselinjen. En menu åbnes med indstillinger til tilpasning af dit gitter.

Som standard er den øverste polstring indstillet til 0px, theafstand mellem linjer er indstillet til 12px, og linjerne er gråfarvede med opacitet indstillet til 100%. Hvis du vil ændre en af ​​disse værdier, skal du klikke inde i boksen ved siden af ​​dem.

Farveboksen giver dig en standard farvevælgerfor at ændre farven på gitterlinjerne. Værdierne for afstand, polstring og opacitet kan ændres ved at indtaste et brugerdefineret nummer for hver parameter. Du kan alternativt bruge pil op / ned til at øge eller formindske værdien. Når du har tilpasset gitteret, skal du klikke på 'Anvend' i bunden.

Båndlinjerne føjes kun til den aktuelle sideog ikke alle sider, du har åbnet i din browser. For at fjerne linjerne, når du er færdig, skal du blot klikke på B-knappen igen og klikke på knappen 'Fjern' i bunden.

Baseliner fungerer fejlfrit. Farvekontrollen til gitteret og polstret øverst gør udvidelsen endnu mere intelligent. Vi ønsker kun, at det understøttes lodrette linjer.

Installer Baseliner fra Chrome Web Store