CRX id
pmkbdhlmjbnmmpeecekhplejmlmeapog
pmkbdhlmjbnmmpeecekhplejmlmeapog
Description from extension meta
Išmatuokite pikselių tikslumu atstumus ir tinklelius bet kuriame tinklalapyje.
Image from store
Description from store
Pikselių tikslumas yra tylus puikaus dizaino herojus. Vieno pikselio netikslus sulygiavimas gali sutrikdyti tinklelio ritmą, padaryti tekstą ne centre arba priversti visą komponentą atrodyti „beveik teisingai“, bet ne visai. „Grid Ruler Lite“ suteikia programuotojams, vartotojo sąsajos / naudotojo patirties dizaineriams, kokybės užtikrinimo testuotojams ir visiems, kuriems rūpi vizualinis šlifavimas, akimirksniu naršyklėje pasiekiamą matavimo įrankių rinkinį – jokios sudėtingos projektavimo programinės įrangos, jokių perkrautų „DevTools“ skydelių ir jokių ekrano kopijų, perkeltų į išorines programas. Vienu spustelėjimu plėtinys bet kurio tinklalapio viršuje uždeda keičiamo dydžio liniuotę, prie tinklelio pririšamus orientyrus ir pasirenkamus bazinius tinklelius, kad galėtumėte per kelias sekundes patikrinti tarpus, patvirtinti 8 taškų tinklelius ir užfiksuoti maketo klaidų įrodymus.
Kuo „Grid Ruler Lite“ išsiskiria?
Vieno paspaudimo aktyvinimas, vieno paspaudimo atmetimas
Spustelėkite įrankių juostos piktogramą (arba iškvieskite naršyklės klaviatūros nustatymuose nustatytą spartųjį klavišą) ir plėtinys įskiepys lengvą<canvas> perdanga, įkapsuliuota į savo „Shadow-DOM“. Jūsų puslapio CSS negali trukdyti, o perdanga niekada nekeičia testuojamo DOM medžio. Dar kartą spustelėjus, visos gairės, tinkleliai ir etiketės išnyksta – nereikia iš naujo įkelti puslapio, jokių užsitęsusių įvykių klausytojų.
Kodėl norėsite to savo įrankių rinkinyje
Sutaupykite laiko: norint išmatuoti tarpus „DevTools“ programoje, reikia peržiūrėti įdėtuosius langelius ir mintyse pridėti kraštinių ir paraščių vertes. „Grid Ruler Lite“ vienu vilkimu vizualiai parodo atstumus.
Sumažinkite klaidas: pastebėkite mažas tarpų regresijas, kol jos nepasiekia testavimo arba, dar blogiau, gamybos etapo, ypač reaguojančiose lūžio vietose, kur kokybės užtikrinimo sistemos ne visada nukrenta į akis.
Pagerintas bendradarbiavimas: dizaineriai gali tiesiogiai uždėti 8 taškų tinklelį ant įdiegto maketo ir bendrinti ekrano kopiją, pateikdami kūrėjams tikslų pikselių atsiliepimą be „Figma“ komentarų.
Išlaikykite dėmesį: nereikia spausti Alt Tab klavišo „Photoshop“ programoje ar atidaryti eskizų failų vien tam, kad išmatuotumėte mygtuką. Viskas vyksta tiesioginiame puslapyje, būtent taip, kaip mato galutiniai vartotojai.
Mokymas ir dokumentavimas: produktų vadovai ir techniniai rašytojai gali pademonstruoti maketo veikimą naudodami liniuotės ekrano kopijas, todėl specifikacijų dokumentai tampa aiškesni visoms suinteresuotosioms šalims.
Tikslinės vartotojų grupės
Vartotojų grupė
Front-end programuotojai
Reikia patikrinti CSS tarpus, „flexbox“ tarpus ir komponentų lygiavimą lūžio taškuose. Vilkite liniuotes, priskirkite jas prie kraštų, užfiksuokite kreipiamąsias linijas, eksportuokite ekrano kopijas PR peržiūroms.
UI/UX dizaineriai
Reikia patvirtinti, kad kūrėjų sukurtos versijos atitinka 8 arba 10 taškų projektavimo sistemas. Uždėti bazinius tinklelius, matuoti užpildymus, bendrinti anotuotus PNG.
QA testuotojai
Praneškite apie pikselių tikslumo klaidas su aiškiais įrodymais
Greiti matavimai ir vieno mygtuko ekrano kopijų darymas tiesiogiai patenka į klaidų sekimo programas
Turinio redaktoriai ir PM
Patikrinkite antraščių apvyniojimą, skelbimų sričių tarpus ir kortelių išdėstymą TVS valdomuose puslapiuose. Netechninė perdanga padeda išvengti sudėtingumo naudojant „DevTools“.
Pedagogai ir studentai
Mokykite projektavimo principų, tinklelio teorijos ir reaguojančių maketų tiesiogiai naršyklėje. Vizualios demonstracijos realiuoju laiku be išorinių įrankių.