- - Snap útmutatók a weboldal elemeinek méréséhez szalaggal a Chrome-hoz

Snap útmutatók a weboldal elemeinek méréséhez a Chrome szalaggal

A jó webdizájn számos tényezőn nyugszik, amelyek közül az egyik minden elem megfelelő elhelyezése. Szalag egy Chrome-bővítmény, amely segít a webes tervezőknekez lehetővé teszi, hogy vonalzókat adjon hozzá egy weboldalhoz. A szalag meghaladja a közös pixelmérő kiterjesztéseket; nem csak megmondja egy adott elem pixelben elfoglalt területét, hanem lehetővé teszi, hogy annyi vonalzót adjon hozzá a böngésző felületéhez, amennyit csak akar, hogy megmérje és körvonalazzon a különböző elemek egymástól való relatív távolsága. Felvehet vonalzókat mind vízszintesen, mind függőlegesen, meghatározhatja a kiindulási pontokat (igen, egynél többet), és beállíthatja a mutatót, hogy automatikusan rákattintson a weboldal különböző elemeire, amikor átmész azokon, hasonlóan a Photoshophoz. A szalagot egy weboldalon egy gomb segítségével lehet engedélyezni, és kizárólag a billentyűzeten lehet vezérelni. Magától értetődik, hogy maga a weboldal nem marad működőképes, míg a szalag engedélyezve van, így nem fogja hiányozni a normál kulcsfunkciók.

A telepítés után kattintson a bővítmény gombjáraaz URL-sávba annak engedélyezéséhez. A bal alsó sarokban megjelenik egy kis felugró ablak, amely felsorolja a billentyűparancsokat és azok funkcióit. A kurzor automatikusan vonalzóvá vált vízszintes és függőleges vonallal egyaránt. Ahogyan a kurzort a weboldalon mozgatja, észre fogja venni, hogy az elemre kattan (a piros színnel kiemelve). Tekintse meg a billentyűzet funkcióinak listáját az vonalzó hozzáadásának meghatározásához. A legtöbb hivatkozás kezdetben meglehetősen intuitív; Például a H és az L billentyűkkel vízszintes és függőleges vonalzó vonalakat adhat hozzá.

Szalag

Lehet ejteni egy függőleges és vízszintes vonalat isamelyek ugyanabból a pontból származnak, ha a kurzort ráhelyezik, és megérinti az O gombot. A szalag kiválóan alkalmas nagy tervezőelemek kezelésére, és egy nagyító eszközt is kínál, amely lehetővé teszi vonalzók hozzáadását a kisebb elemekhez. A nagyító eszköz (úgynevezett nagyító) aktiválásához nyomja meg az L gombot, ha a szalag engedélyezve van, és a kurzor nagyítani fog, bárhová mozgatja.

Szalag lupa

A szalag által engedélyezett vonalzók pontosan képesekakár a kis kijelző elemeket is befogadhatja, és nagyon jó rácsot létrehozni körülöttük. A bővítmény talán a legjobb jellemzője, hogy ha egy rácsra rajzolása után kikapcsolja az egyik oldalon a szalagot, akkor a következő aktiváláskor emlékezni fog a régi jelölésekre, mindaddig, amíg nem frissíti az oldalt, bezárja a fület, vagy kilépés a böngészőből.

A szalag meglehetősen gyors és nagyon érzékeny, és a tesztelés során nem találtunk okot panaszkodni. A szolgáltatások elegendőek minden olyan webdesigner számára, aki a Chrome-t kipróbálja.

Telepítse a szalagot a Chrome Internetes áruházból

Hozzászólások