CRX id
pmkbdhlmjbnmmpeecekhplejmlmeapog
pmkbdhlmjbnmmpeecekhplejmlmeapog
Description from extension meta
Мерите растојања и мреже савршене до пиксела на било којој веб страници.
Image from store
Description from store
Тачност пиксела је тихи херој одличног дизајна. Непоравнање од једног пиксела може да поремети ритам мреже, учини да текст делује ван центра или да цела компонента изгледа „скоро како треба“, али не баш. Grid Ruler Lite пружа front-end програмерима, UI/UX дизајнерима, QA тестерима и свима којима је стало до визуелног сјаја тренутни сет алата за мерење у прегледачу – без тешког софтвера за дизајн, без претрпаних DevTools панела и без снимака екрана пребачених у спољне апликације. Једним кликом, екстензија преклапа лењир променљиве величине, водиче за прилагођавање мрежи и опционе основне мреже преко било које веб странице тако да можете да проверите размак, верификујете мреже од 8 тачака и забележите доказе о грешкама у распореду за неколико секунди.
Шта издваја Grid Ruler Lite?
Активација једним кликом, одбацивање једним кликом
Кликните на икону траке са алаткама (или позовите пречицу коју сте подесили у подешавањима тастатуре прегледача) и екстензија ће убацити лагану<canvas> преклапање је капсулирано у сопственом Shadow-DOM-у. CSS ваше странице не може да се меша, а преклапање никада не мења DOM стабло које тестирате. Кликните поново и свака водич, мрежа и ознака нестају — нема поновног учитавања странице, нема заостајућих слушача догађаја.
Зашто ћете га желети у свом комплету алата
Уштедите време: Мерење растојања у DevTools-у захтева дубинско улажење у угнежђене оквире и ментално додавање вредности за ивице и маргине. Grid Ruler Lite визуелно приказује растојања једним превлачењем.
Смањите грешке: Ухватите ситне регресије размака пре него што достигну припремну фазу или, још горе, производњу — посебно у тачкама прекида одзива где очи за контролу квалитета не падају увек на памет.
Побољшајте сарадњу: Дизајнери могу директно да преклопе мрежу од 8 тачака на распоређену верзију и деле снимак екрана, дајући програмерима тачне повратне информације о пикселима без коментара на Фигми.
Останите фокусирани: Нема потребе за притиском на Alt-Tab у Photoshop или отварања Sketch датотека само да бисте измерили дугме. Све се дешава преко активне странице, тачно онако како је виде крајњи корисници.
Едукација и документовање: Менаџери производа и технички писци могу да демонстрирају понашање распореда помоћу снимака екрана лењира, чинећи спецификације јаснијим за све заинтересоване стране.
Циљне корисничке групе
Група корисника
Фронт-енд програмери
Потребна је провера CSS размака, флексбокс размака и поравнања компоненти преко тачака прекида. Превлачење лењира, прикачивање на ивице, закључавање вођица, извоз снимака екрана за PR прегледе.
UI/UX дизајнери
Мора се потврдити да програмерске верзије поштују системе дизајна од 8 или 10 тачака. Преклапање основних мрежа, мерење попуњавања, дељење анотираних PNG датотека.
QA тестери
Пријавите савршене грешке са јасним доказима
Брза мерења и снимање екрана једним тастером иду директно у праћење грешака
Уредници садржаја и водитељи пројекта
Проверите прелом наслова, размак између огласних места и распоред картица на страницама вођеним CMS-ом. Нетехничко преклапање избегава сложеност DevTools-а.
Просветни радници и студенти
Предајте принципе дизајна, теорију мреже и респонзивне распореде уживо у прегледачу. Визуелне демонстрације у реалном времену без спољних алата.