- - Snäppguider för att mäta webbplatselement med band för Chrome

Fäst guider för att mäta webbplatselement med band för Chrome

Bra webbdesign bygger på flera faktorer, varav en är rätt placering av varje element. Tejp är ett Chrome-tillägg som hjälper webbdesigners meddetta genom att låta dig lägga till linjaler på en webbsida. Bandet går längre än vad vanliga pixelmätande tillägg erbjuder; det berättar inte bara det område som upptas av ett visst element i pixlar, utan du kan också lägga till så många linjaler till webbläsargränssnittet som du vill, för att mäta och beskriva det relativa avståndet mellan olika element från varandra. Du kan lägga till linjaler både horisontellt och vertikalt, definiera ursprungspunkter (ja, mer än en) och ställa in pekaren för att automatiskt knäppas till olika element på en webbsida när du flyttar över dem, precis som i Photoshop. Band är aktiverat på en webbsida via en knapp och kontrolleras enbart genom ditt tangentbord. Självklart förblir själva webbsidan inte funktionell medan Tape är aktiverat, så du kommer inte att missa den normala nyckelfunktionen.

När du har installerat klickar du på tilläggets knapp nästatill URL-fältet för att aktivera det. En liten popup visas längst ner till vänster, med kortkommandona och deras funktioner. Din markör ändras automatiskt till en linjal med både horisontella och vertikala linjer. När du flyttar markören över webbsidan kommer du att märka att den snäpp till elementen (markerad med rött). Se listan över tangentbordsfunktioner för att avgöra hur du lägger till en linjal. De flesta av dessa genvägar är till en början ganska intuitiva; till exempel kan du använda H- och L-tangenterna för att lägga till horisontella och vertikala linjelinjer.

Tejp

Du kan släppa både en vertikal och horisontell linjesom kommer från samma punkt genom att placera markören över den och slå O-tangenten. Tape är utmärkt för att arbeta med stora designelement, och erbjuder också ett förstoringsverktyg som gör att du kan lägga linjaler till mindre element. För att aktivera förstoringsverktyget (kallas luppen) trycker du på L-tangenten med tejpen aktiverad, och markören förstorar allt du flyttar över det.

Tejplupp

Linjalerna som Tape möjliggör kan exaktrymmer även de små displayelementen, och det är väldigt enkelt att skapa ett bra rutnät runt dem. Kanske är den bästa funktionen i tillägget att om du inaktiverar band på en sida efter att ha ritat ett rutnät på det kommer det att komma ihåg dina gamla markeringar när du nästa gång aktiverar det, så länge du inte uppdaterar sidan, stänger fliken eller avsluta webbläsaren.

Bandet är ganska snabbt och mycket lyhört, och vi hittade ingen anledning att klaga på i våra tester. Funktionerna räcker för varje webbdesigner som använder Chrome för att prova det.

Installera band från Chrome Web Store

kommentarer