Mrežno ravnilo Lite

Izmerite razdalje in mreže do popolnih slikovnih pik na kateri koli spletni strani.

Natančnost slikovnih pik je tihi junak odličnega oblikovanja. Že ena sama napačna poravnava slikovne pike lahko poruši ritem mreže, povzroči, da se besedilo zdi necentrirano ali pa celotna komponenta izgleda »skoraj pravilno«, vendar ne povsem. Grid Ruler Lite ponuja razvijalcem vmesnika, oblikovalcem uporabniškega vmesnika/uporabe uporabniške izkušnje, preizkuševalcem kakovosti in vsem, ki jim je mar za vizualno dovršenost, takojšen komplet orodij za merjenje v brskalniku – brez težke programske opreme za oblikovanje, brez prenatrpanih plošč DevTools in brez posnetkov zaslona, ki so premeščeni v zunanje aplikacije. Z enim samim klikom razširitev na katero koli spletno stran prikaže ravnilo, ki ga je mogoče spreminjati po velikosti, vodila, ki se pripnejo na mrežo, in izbirne mreže osnovnih črt, tako da lahko v nekaj sekundah preverite razmik, preverite 8-točkovne mreže in zajamete dokaze o napakah v postavitvi. Kaj naredi Grid Ruler Lite drugačno od drugih? Aktivacija z enim klikom, zavrnitev z enim klikom Kliknite ikono orodne vrstice (ali pokličite bližnjico, ki ste jo nastavili v nastavitvah tipkovnice brskalnika) in razširitev bo vstavila lahkoten<canvas> Prekrivanje, enkapsulirano v lastnem Shadow-DOM-u. CSS vaše strani ne more motiti in prekrivno okno nikoli ne spremeni drevesa DOM, ki ga testirate. Kliknite znova in vsak vodnik, mreža in oznaka izginejo – brez ponovnega nalaganja strani, brez zadržanih poslušalcev dogodkov. Zakaj ga boste želeli imeti v svojem kompletu orodij Prihranite čas: Merjenje odmikov v orodjih DevTools zahteva poglobljeno raziskovanje ugnezdenih polj in miselno dodajanje vrednosti robov in robov. Grid Ruler Lite vizualno prikaže razdalje z enim potegom. Zmanjšajte število hroščev: Zaznajte drobne regresije razmikov, preden dosežejo pripravo ali, še huje, produkcijo – zlasti v odzivnih prelomnih točkah, kjer oko za zagotavljanje kakovosti ne pristane vedno. Izboljšajte sodelovanje: Oblikovalci lahko 8-točkovno mrežo neposredno prekrijejo na nameščeno gradnjo in delijo posnetek zaslona, kar razvijalcem daje natančne povratne informacije o slikovnih pikah brez komentarjev Figme. Ostanite osredotočeni: Ni vam treba pritiskati tipke Alt-Tab v Photoshop ali odpirati datotek Sketch samo za merjenje gumba. Vse se dogaja na strani v živo, točno tako, kot jo vidijo končni uporabniki. Izobraževanje in dokumentiranje: Vodje izdelkov in tehnični pisci lahko s posnetki zaslona ravnila prikažejo delovanje postavitve, s čimer postanejo specifikacijski dokumenti jasnejši za vse deležnike. Ciljne uporabniške skupine Uporabniška skupina Razvijalci front-enda Preverjanje razmika CSS, vrzeli flexboxa in poravnave komponent prek prelomnih točk. Vlečenje ravnil, pripenjanje na robove, zaklepanje vodil, izvoz posnetkov zaslona za PR preglede. Oblikovalci uporabniškega vmesnika/ux Potrditi je treba, da razvojne različice spoštujejo 8-točkovne ali 10-točkovne sisteme oblikovanja. Prekrivanje osnovnih mrež, merjenje odmikov, deljenje označenih PNG-jev. Preizkuševalci kakovosti Prijavite popolne napake z jasnimi dokazi Hitre meritve in zajem posnetka zaslona z enim gumbom se neposredno vnesejo v sledilnike hroščev Uredniki vsebin in vodje projektov Preverite prelom naslovov, razmik med oglasnimi mesti in postavitve kartic na straneh, ki jih poganja CMS. Netehnično prekrivanje preprečuje kompleksnost orodij za razvojne programe. Vzgojitelji in študenti Poučevanje oblikovalskih načel, teorije mrež in odzivnih postavitev v živo v brskalniku Vizualne demonstracije v realnem času brez zunanjih orodij