- - Snap-oppaat verkkosivustojen elementtien mittaamiseksi Chromen nauhalla

Snap-oppaat verkkosivustojen elementtien mittaamiseksi Chromen nauhalla

Hyvä web-suunnittelu perustuu useisiin tekijöihin, joista yksi on jokaisen elementin oikea sijoittelu. Nauha on Chrome-laajennus, jonka avulla web-suunnittelijoita voi käyttäätämä antamalla sinun lisätä hallitsijoita verkkosivulle. Nauha ylittää sen, mitä yleiset pikselinmittauslaajennukset tarjoavat; se ei vain kerro tietyn elementin pinta-aloilla olevaa aluetta, vaan antaa myös lisätä selaimen käyttöliittymään niin monta hallitsijaa kuin haluat, mitata ja hahmotella eri elementtien suhteellista etäisyyttä toisistaan. Voit lisätä hallitsijoita sekä vaaka- että pystysuunnassa, määrittää lähtöpisteitä (kyllä, enemmän kuin yksi) ja asettaa osoittimen napsauttamaan automaattisesti verkkosivun eri elementtejä liikuttaessasi niiden yli, aivan kuten Photoshopissa. Nauha on otettu käyttöön verkkosivulla painikkeen avulla ja sitä ohjataan yksinomaan näppäimistön kautta. Ilmeisesti Web-sivu itsessään ei ole toiminnassa, kun Nauha on käytössä, joten et menetä normaalia näppäintoimintoa.

Kun olet asentanut, napsauta seuraavaksi laajennuksen painikettaURL-palkkiin sen sallimiseksi. Vasempaan alakulmaan ilmestyy pieni ponnahdusikkuna, jossa on luettelo pikanäppäimistä ja niiden toiminnoista. Kohdistin muuttuu automaattisesti viivaimeksi, jossa on sekä vaaka- että pystysuorat viivat. Kun siirrät kohdistinta verkkosivun yli, huomaat sen napsahtavan elementteihin (korostettu punaisella). Katso näppäimistötoimintojen luettelosta, kuinka voit lisätä viivaimen. Suurin osa näistä pikakuvakkeista on melko intuitiivinen aluksi; Voit esimerkiksi lisätä H- ja L-näppäimiä lisätäksesi vaaka- ja pystysuuntaisia ​​viivainviivoja.

Nauha

Voit pudottaa sekä pysty- että vaakaviivanjotka ovat peräisin samasta kohdasta asettamalla kohdistin sen päälle ja napsauttamalla O-näppäintä. Nauha on erinomainen työstö suurten sisustuselementtien kanssa, ja se tarjoaa myös suurennustyökalun, jonka avulla voit lisätä viivaimia pienempiin elementteihin. Jos haluat aktivoida suurennustyökalun (nimeltään luuppi), paina L-näppäintä, jossa Nauha on käytössä, ja kohdistin suurentaa mitä siirrät sitä.

Teippi luuppi

Nauhat, joita nauha mahdollistaa, voivat tarkastimahtuu pieniinkin näyttöelementteihin, ja hyvän ruudukon luominen niiden ympärille on erittäin helppoa. Laajennuksen paras ominaisuus on ehkä se, että jos deaktivoit sivun Teipin ruudukon piirtämisen jälkeen, se muistaa vanhat merkinnät aina seuraavan aktivoinnin yhteydessä, kunhan et päivitä sivua, sulje välilehti tai poistu selaimesta.

Nauha on melko nopea ja erittäin reagoiva, emmekä löytäneet syytä valittaa testissämme. Ominaisuudet riittävät jokaiselle Chromen käyttävälle verkkosuunnittelijalle kokeillakseen.

Asenna nauha Chrome Web Storesta

Kommentit