Tape voor Chrome: Pixel-perfecte gidsen en linialen voor webontwikkelaars

Advertentie

Advertentie
Advertentie

Het meten van de pixels op een webpagina vereist vaak het maken van screenshots De ultieme gids over hoe een screenshot te nemen De ultieme gids over hoe een screenshot te nemen De meeste mensen zouden denken dat het maken van een screenshot een eenvoudig en rechttoe rechtaan proces was, en dat het vrijwel hetzelfde zou zijn op elk platform dat ze tegenkomen. Wel, ze zouden ongelijk hebben. Het proces van het maken van screenshots ... Lees meer, openen in Photoshop of een andere gelijkwaardige high-end beeldbewerkingssoftware en het gebruik van richtlijnen om metingen uit te werken. Als je ooit bent belast met het opnieuw ontwerpen van een bestaande pagina of met het verfijnen van een nieuw project, kan dit een zwaar werk zijn, vooral wanneer de gidsen niet zeker weten waar ze moeten komen. Als dit een vloek is in je werk, is Tape for Chrome misschien wel het antwoord.

web ontwikkelaar liniaal

De extensie is ontworpen als een hulpmiddel om de afstand tot de pixel te meten zonder schermafbeeldingen te maken. Nu kun je de pagina waar je aan werkt bekijken, scrollen en gebruiken zonder schermafdrukken te maken voor het harde werk. Met de tape kunt u hulplijnen neerzetten op de pagina terwijl u de afstanden en metingen rapporteert die u tijdens het vliegen leuk vindt. Bovendien kan Tape, als browserextensie, de code interpreteren en weet waar hij moet klikken wanneer u een nieuwe richtlijn neerzet.

tape voor chroom

Deze hulplijnen zijn intelligent en bewegen wanneer elementen bewegen of scrollen terwijl u werkt. De uitbreiding komt goed overeen met randen en opvulling, en met een vergrootglasfunctie kunt u het punt selecteren waarop u de gids gemakkelijk en nauwkeurig wilt plaatsen, terwijl intuïtieve sneltoetsen het u gemakkelijk maken om de klus snel klaar te krijgen.

Kenmerken:

  • Plaats hulplijnen en linialen op een live webpagina, met intelligente snap-to-functies.
  • Metingen zijn zichtbaar op de gidsen zelf en een vergrootglas maakt het gemakkelijk om uw richtlijnen te plaatsen.
  • Gebruik sneltoetsen om zichtbare hulplijnen te plaatsen, te verwijderen en in te schakelen.

Bekijk Tape voor Chrome @ Chrome Web Store

In this article