- - Snap guider for å måle nettstedselementer med tape for Chrome

Snap guider for å måle nettstedselementer med tape for Chrome

God webdesign er avhengig av flere faktorer, hvorav den ene er riktig plassering av hvert element. Teip er en Chrome-utvidelse som hjelper nettdesignere meddette ved å la deg legge linjaler til en webside. Tape går utover hva vanlige utvidelser for pixelmåling tilbyr; den forteller ikke bare området som er okkupert av et bestemt element i piksler, men lar deg også legge til så mange linjaler til nettlesergrensesnittet du vil, for å måle og skissere den relative avstanden til forskjellige elementer fra hverandre. Du kan legge til linjaler både horisontalt og vertikalt, definere opprinnelsespunkter (ja, mer enn en) og stille pekeren til automatisk å knipse til forskjellige elementer på en webside når du beveger deg over dem, omtrent som i Photoshop. Tape er aktivert på en webside gjennom en knapp og kontrolleres utelukkende gjennom tastaturet. Selvfølgelig forblir selve websiden ikke funksjonell mens Tape er aktivert, så du vil ikke gå glipp av den normale nøkkelfunksjonaliteten.

Når det er installert, klikker du på utvidelsens knapp nestetil URL-linjen for å aktivere den. En liten popup vises nederst til venstre, og viser hurtigtastene og funksjonene deres. Markøren endres automatisk til en linjal med både horisontale og vertikale linjer. Når du flytter markøren over websiden, vil du merke at den klikker på elementene (uthevet i rødt). Se listen over tastaturfunksjoner for å finne ut hvordan du legger til en linjal. De fleste av disse snarveiene er ganske intuitive til å begynne med; for eksempel kan du bruke H og L-tastene for å legge til horisontale og vertikale linjallinjer.

Teip

Du kan slippe både en vertikal og horisontal linjesom stammer fra samme punkt ved å plassere markøren over den og trykke på O-tasten. Tape er utmerket til å jobbe med store designelementer, og tilbyr også et forstørrelsesverktøy som lar deg legge linjaler til mindre elementer. Hvis du vil aktivere forstørrelsesverktøyet (kalt Loupe), trykker du L-tasten med Tape aktivert, og markøren vil forstørre hva du flytter den over.

Tape luppe

Herskerne som Tape muliggjør kan nøyaktigplass til og med de små skjermelementene, og det er veldig enkelt å lage et godt rutenett rundt seg. Den beste egenskapen til utvidelsen er kanskje at hvis du deaktiverer Tape på en side etter å ha tegnet et rutenett på det, vil den huske de gamle markeringene dine når du neste gang aktiverer den, så lenge du ikke oppdaterer siden, lukker du fanen eller avslutte nettleser.

Tape er ganske raskt og veldig responsivt, og vi fant ingen grunn til å klage på i testingen vår. Funksjonene er nok til at enhver webdesigner som bruker Chrome, gir den en prøve.

Installer tape fra Chrome Nettbutikk

kommentarer