CRX id
pmkbdhlmjbnmmpeecekhplejmlmeapog
pmkbdhlmjbnmmpeecekhplejmlmeapog
Description from extension meta
Mõõda pikslitäpseid vahemaid ja ruudustikke mis tahes veebilehel.
Image from store
Description from store
Pikslite täpsus on suurepärase disaini vaikne kangelane. Ühe piksli joondusviga võib rikkuda ruudustiku rütmi, muuta teksti tsentrist väljas olevaks või põhjustada terve komponendi „peaaegu õige“ välimuse, aga mitte päris. Grid Ruler Lite pakub esiotsa arendajatele, kasutajaliidese/kasutajakogemuse disaineritele, kvaliteedikontrolli testijatele ja kõigile, kes hoolivad visuaalsest lihvimisest, kohese brauserisisese mõõtmistööriistakomplekti – pole vaja rasket disainitarkvara, segamini DevToolsi paneele ega välistesse rakendustesse segamini ajastatud ekraanipilte. Ühe klõpsuga lisab laiendus iga veebilehe peale muudetava suurusega joonlaua, ruudustikule liidetavad juhikud ja valikulised alusruudustikud, et saaksite sekunditega kontrollida vahesid, kinnitada 8-punktilisi ruudustikke ja jäädvustada paigutusvigade tõendeid.
Mis teeb Grid Ruler Lite'i silma paistma?
Ühe klõpsuga aktiveerimine, ühe klõpsuga sulgemine
Klõpsake tööriistariba ikooni (või käivitage brauseri klaviatuuri seadetes määratud otsetee) ja laiendus lisab kerge elemendi.<canvas> pealiskiht, mis on kapseldatud omaenda Shadow-DOM-i. Teie lehe CSS ei saa sekkuda ja pealiskiht ei muuda kunagi testitavat DOM-puud. Uuesti klõpsates kaovad kõik juhikud, ruudustikud ja sildid – lehte ei laadita uuesti ega jälgivaid sündmuste kuulajaid.
Miks sa seda oma tööriistakomplekti lisada tahad?
Säästa aega: Täite mõõtmine DevToolsis nõuab pesastatud kastidesse süvenemist ja äärise ning veerise väärtuste vaimset lisamist. Grid Ruler Lite näitab vahemaid visuaalselt ühe lohistamisega.
Vigade vähendamine: Tuvastage väikesed vahedega seotud regressioonid enne, kui need jõuavad testimis- või, mis veelgi hullem, tootmisfaasi – eriti reageerimisraskustes, kuhu kvaliteedikontrolli pilgud alati ei jõua.
Koostöö parandamine: disainerid saavad 8-punktilise ruudustiku otse juurutatud versioonile lisada ja ekraanipildi jagada, andes arendajatele täpset pikslitagasisidet ilma Figma kommentaarideta.
Keskendunud olek: Pole vaja Photoshopis Alt-Tab-klahvi vajutada ega Sketch-faile avada ainult nupu mõõtmiseks. Kõik toimub reaalajas lehel täpselt nii, nagu lõppkasutajad seda näevad.
Harimine ja dokumenteerimine: tootejuhid ja tehnilised kirjutajad saavad joonlaua ekraanipiltide abil demonstreerida paigutuse käitumist, muutes spetsifikatsioonidokumendid kõigi sidusrühmade jaoks selgemaks.
Sihtrühmad
Kasutajagrupp
Esiotsa arendajad
Vaja kontrollida CSS-i vahesid, flexboxi tühimikke ja komponentide joondust murdepunktide vahel. Lohistage joonlaudu, tõmmake servadele, lukustage juhikud, eksportige ekraanipilte PR-ülevaadete jaoks.
UI/UX disainerid
Peab kinnitama, et arendusjärgus versioonid järgivad 8- või 10-punktilist disainisüsteemi. Asetage alusvõrgud peale, mõõtke täiteid, jagage annoteeritud PNG-sid.
QA testijad
Teata pikslitäpsetest vigadest koos selgete tõenditega
Kiired mõõtmised ja ühe nupuga ekraanipildi jäädvustamine lähevad otse veajälgijatesse
Sisutoimetajad ja projektijuhid
Kontrollige pealkirjade murdmist, reklaamipesade vahesid ja kaardi paigutust CMS-i lehtedel. Mittetehniline pealiskiht väldib DevToolsi keerukust.
Õpetajad ja õpilased
Õpeta disainipõhimõtteid, ruudustiku teooriat ja responsiivseid paigutusi otse brauseris. Visuaalsed reaalajas demonstratsioonid ilma väliste tööriistadeta.