Slik legger du til tilpassede rutenett til ethvert nettsted i Chrome

Apple kan falle fra hverandre når det gjelder begge delermaskinvare- og programvaredesign, men på sitt høydepunkt lærte det oss hvor bra noe ser ut hvis det er riktig justert. Poenget er at når ting passer perfekt ser de bedre ut, og dette stemmer for industriell design og webdesign. Nettstedsdesign opprettes vanligvis i Photoshop, men det er ikke å si at designere og utviklere ikke titter med utseendet til et nettsted i nettleseren. Det er ganske enkelt å tulle med; alt du trenger å gjøre er å åpne nettutviklingskonsollen som alle større nettlesere har og legge til polstring, endre tekstfarge, etc. En ting alle disse konsollene mangler er et justeringsverktøy. Hvis Chrome er din foretrukne nettleser for utvikling, baseliner er en utvidelse du må prøve ut. Den legger til en serie horisontale linjer på skjermen. Du har full frihet til å definere avstanden mellom disse linjene så vel som fargen deres. I tillegg lar verktøyet deg legge til tilpasset polstring øverst på siden før rutenettene.

Installer Baseliner og klikk på B-knappen ved siden av adresselinjen. En meny åpnes med alternativer for å tilpasse rutenettet.

Som standard er toppfyllingen satt til 0px, denavstanden mellom linjene er satt til 12px, og linjene er gråfarget med opaciteten satt til 100%. Hvis du vil endre en av disse verdiene, klikker du i ruten ved siden av dem.

Fargeboksen gir deg en standard fargevelgerfor å endre fargen på rutenettene. Verdiene for avstand, polstring og opacitet kan endres ved å legge inn et tilpasset nummer for hver parameter. Du kan alternativt bruke opp / ned-pilene for å øke eller redusere verdien. Når du har tilpasset rutenettet, klikker du på "Bruk" nederst.

Gjerdelinjene legges bare til den gjeldende sidenog ikke alle sider du har åpnet i nettleseren. For å fjerne linjene når du er ferdig, klikker du bare på B-knappen igjen og klikker på Fjern-knappen nederst.

Baseliner fungerer feilfritt. Fargekontrollen for gitteret og polstring på toppen gjør bare forlengelsen desto mer intelligent. Vi ønsker bare at den støttede vertikale linjer også.

Installer Baseliner fra Chrome Nettmarked