- - Snelle handleidingen om website-elementen te meten met tape voor Chrome

Snap gidsen om website-elementen te meten met tape voor Chrome

Een goed webontwerp is afhankelijk van verschillende factoren, waaronder de juiste plaatsing van elk element. Plakband is een Chrome-extensie om webontwerpers mee te helpendit doordat u linialen aan een webpagina kunt toevoegen. Tape gaat verder dan wat gewone pixel-meetextensies bieden; het vertelt je niet alleen het gebied dat wordt ingenomen door een bepaald element in pixels, maar laat je ook zoveel linialen toevoegen aan de browserinterface als je wilt, om de relatieve afstand van verschillende elementen ten opzichte van elkaar te meten en te schetsen. U kunt linialen zowel horizontaal als verticaal toevoegen, oorsprongspunten definiëren (ja, meer dan één) en instellen dat de aanwijzer automatisch naar verschillende elementen in een webpagina snapt wanneer u eroverheen beweegt, net als in Photoshop. Tape wordt ingeschakeld op een webpagina via een knop en wordt uitsluitend bestuurd via uw toetsenbord. Het is duidelijk dat de webpagina zelf niet functioneel blijft terwijl Tape is ingeschakeld, zodat u de normale sleutelfunctionaliteit niet mist.

Klik na installatie op de knop van de extensienaar de URL-balk om het in te schakelen. Links onderaan verschijnt een kleine pop-up met de sneltoetsen en hun functies. Uw cursor verandert automatisch in een liniaal met zowel horizontale als verticale lijnen. Terwijl u uw cursor over de webpagina beweegt, zult u merken dat deze naar de elementen snapt (rood gemarkeerd). Raadpleeg de lijst met toetsenbordfuncties om te bepalen hoe u een liniaal toevoegt. De meeste van deze sneltoetsen zijn in het begin vrij intuïtief; U kunt bijvoorbeeld de H- en L-toetsen gebruiken om horizontale en verticale liniaallijnen toe te voegen.

Plakband

U kunt zowel een verticale als een horizontale lijn neerzettendie afkomstig zijn van hetzelfde punt door uw cursor erop te plaatsen en op de O-toets te drukken. Tape is uitstekend geschikt voor het werken met grote designelementen en biedt ook een vergrootglas waarmee u linialen kunt toevoegen aan kleinere elementen. Om het vergrotingsgereedschap (de loep genoemd) te activeren, drukt u op de L-toets met Tape ingeschakeld, en uw cursor zal vergroten wat u ook verplaatst.

Tape loep

De linialen die Tape mogelijk maakt, kunnen nauwkeuriggeschikt voor zelfs de kleine weergave-elementen en het creëren van een goed raster eromheen is heel eenvoudig. Misschien is de beste eigenschap van de extensie dat als u Tape op een pagina deactiveert nadat u er een raster op hebt getekend, uw oude markeringen worden onthouden wanneer u deze de volgende keer activeert, zolang u de pagina niet vernieuwt, het tabblad sluit of browser afsluiten.

Tape is vrij snel en reageert zeer snel en we vonden geen reden om over te klagen in onze tests. De functies zijn voldoende voor elke webdesigner die Chrome gebruikt om het eens te proberen.

Installeer tape vanuit Chrome Web Store

Comments