Tinklelio valdovas Lite

Išmatuokite pikselių tikslumu atstumus ir tinklelius bet kuriame tinklalapyje.

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ų.