Peittokuvat missä tahansa HTML / verkkosivustossa pikselikohtaisessa vertailussa [Chrome]

PerfectPixel, Chrome-laajennus, mahdollistaa verkkokehittäjille jasuunnittelijat voivat helposti peittää puoliläpinäkyvän kuvan kehitetyn HTML-verkkosivuston päälle. Siirtämällä kuvaa verkkosivulla, kehittäjät näkevät visuaalisesti pikselien eron. Laajennuksessa on myös opasiteettivaihtoehto, jonka avulla voit tarkastella sekä peittokuvaa että kehitettyä HTML-koodia. Kun siirrät kuvaa ympäri, koordinaatit päivittyvät automaattisesti PerfectPixel-ponnahdusvalikossa, jonka web-kehittäjät voivat sitten kopioida ja käyttää.

Kun olet asentanut laajennuksen, napsauta työkalurivin painiketta ja ponnahdusikkuna tulee näkyviin verkkosivullesi. Klikkaus Lisää uusi kerros ja valitse tiedosto paikallisesta järjestelmästäsi. Tämä kuva lisätään heti kerroksena verkkosivulle. Sinä pystyt Näytä piilota kuvia ja valita myös erilaisia. Siirrä kuvaa ympäri testataksesi sitä eri tavallapaikkoja, ja koordinaatit päivitetään automaattisesti ponnahdusikkunassa. Voit lisätä niin monta kuvaa kuin haluat ja valita tiettyjä napsauttamalla niitä. Kun kuva on oikein sijoitettu, voit käyttää päivitettyjä koordinaatteja kuvan sijoittamiseen CSS: n kautta. Kehittäjä on maininnut useita overlay-tuki; testauksemme antoi kuitenkin kyvyn lisätä useita kerroksia.

PerfectPixel vaihtoehdot anna sinun ottaa käyttöön Tallennusyhteensopivuustila, jonka avulla voidaan korjata yhteensopivuusongelmia kuvien lähettämisessä. Yksi yhteensopivuustilan käytön rajoitus on kuitenkin, että tiedostokoko on rajoitettu enintään 1,5 Mt. Voit myös ottaa käyttöön Debug-tilassa ja Pikanäppäimiä.

testauksemme kuitenkin osoitti, että kun pystytLisää useita kerroksia, voit tarkastella vain yhtä kerrosta kerrallaan tietyllä sivulla. Tämä on valitettava rajoitus, ja kehittäjän tulisi harkita sen muuttamista, jotta useita kerroksia voidaan katsella kerralla. Lukitse-painike tallentaa lisäämäsi kuvakerroksen sijainnin. Vaikka poistuisit laajennuksesta (napsauta sen painiketta uudelleen, jotta paneeli katoaa), se muistaa niiden kuvien sijainnin, kun avaat sen seuraavan kerran.

PerfectPixel-laajennus on melko kätevä työkalu verkkokehittäjille ja suunnittelijoille, ja se on saatavana alla olevassa Chrome Web Store -linkissä.

Asenna PerfectPixel Google Chromeen