Ülekattepildid suvalisel HTML-il / veebisaidil pikslite võrdluse kohta [Chrome]

PerfectPixel, mis on Chrome'i laiend, võimaldab veebiarendajatel ja -kujundajatel hõlpsalt katta poolläbipaistvat pilti arenenud HTML-i veebisaidi ülaosas. Kujutist veebilehel liigutades saavad arendajad visuaalselt näha erinevust pikslites. Laiendil on ka läbipaistmatuse võimalus, mis võimaldab teil vaadata nii ülekattet kui ka väljatöötatud HTML-i. Kujutise teisaldamisel värskendatakse koordinaate automaatselt PerfectPixeli hüpikus, mida saavad seejärel veebiarendajad kopeerida ja kasutada.

Kui olete laienduse installinud, klõpsake nuppu tööriistaribal ja teie veebilehele ilmub hüpik. Klõpsake nuppu Lisage uus kiht ja valige fail kohalikust süsteemist. See pilt lisatakse koheselt veebilehe kihina. Sa saad Näita Peida pilte ja vali ka erinevaid. Liigutage pilti ringi, et seda erinevates kohtades testida ja koordinaadid värskendatakse automaatselt hüpikmenüüs. Võite lisada nii palju pilte, kui soovite, ja valima konkreetsed, klõpsates neil. Kui pilt on õigesti paigutatud, saate oma pildi CSS-i kaudu asukoha värskendamiseks kasutada värskendatud koordinaate. Arendaja on maininud mitut ülekatte tuge; meie testimine tõi aga kaasa võimetuse lisada mitu kihti.

PerfectPixel Valikud lubage teil lubada Salvestuse ühilduvusrežiim, mis on mõeldud piltide üleslaadimisega ühilduvusprobleemide lahendamiseks. Ühilduvusrežiimi kasutamise üks piiratus on aga see, et faili maht on maksimaalselt 1,5 MB. Võite ka lubada Silumisrežiim ja Kiirklahvid.

meie testimine näitas, et kuigi saate lisada mitu kihti, saate samal lehel korraga vaadata ainult ühte kihti. See on kahetsusväärne piirang ja arendaja peaks kaaluma selle muutmist, et mitut kihti saaks korraga vaadata. Nupp „Lukustamine” salvestab teie lisatud pildikihi positsiooni ja isegi siis, kui väljute laiendist (klõpsake nuppu nuppu uuesti, nii et paneel kaob), jätab see nende piltide asukoha meelde järgmine kord, kui avate seda.

Laiend PerfectPixel on veebiarendajate ja -kujundajate jaoks üsna mugav tööriist ning see on saadaval Chrome'i veebipoe lingil.

Installige PerfectPixel Google Chrome'i jaoks