PerfectPixel, o extensie Chrome, permite dezvoltatorilor web șidesignerii pentru a suprapune cu ușurință o imagine semi-transparentă în partea de sus a unui site HTML dezvoltat. Prin mutarea imaginii pe o pagină web, dezvoltatorii pot vedea vizual diferența de pixeli. Extensia are și o opțiune de opacitate, care vă permite să vizualizați atât suprapunerea, cât și HTML-ul dezvoltat. Pe măsură ce mutați imaginea, coordonatele sunt actualizate automat în fereastra pop-up PerfectPixel, care poate fi apoi copiată și utilizată de dezvoltatorii web.
După ce ați instalat extensia, faceți clic pe butonul din bara de instrumente și un pop-up va apărea pe pagina dvs. web. Clic Adăugați un strat nou și selectați un fișier din sistemul dvs. local. Această imagine va fi adăugată instantaneu ca strat peste pagina web. Poti Arată ascunde imagini și alege, de asemenea, altele diferite. Mutați imaginea în jurul pentru a o testa diferitpozițiile și coordonatele vor fi actualizate automat în fereastra pop-up. Puteți adăuga oricâte imagini doriți și puteți selecta anumite clicuri făcând clic pe ele. După ce imaginea este poziționată corect, puteți utiliza coordonatele actualizate pentru a vă poziționa imaginea prin CSS. Dezvoltatorul a menționat mai multe suporturi de suprapunere; cu toate acestea, testarea noastră a generat incapacitatea de a adăuga mai multe straturi.
PerfectPixel Opțiuni vă permite să activați funcția Modul de compatibilitate cu stocarea, care este acolo pentru a remedia problemele de compatibilitate cu încărcarea imaginilor. O limitare a utilizării modului de compatibilitate este însă că dimensiunea fișierului este limitată la maximum 1,5 MB. De asemenea, puteți activa funcția Modul de depanare și Hotkeys.
cu toate acestea, testarea noastră a arătat că, în timp ce poțiadăugați mai multe straturi, puteți vizualiza un singur strat la un moment dat pe o pagină dată. Aceasta este o limitare nefericită și dezvoltatorul ar trebui să ia în considerare schimbarea acesteia, astfel încât mai multe straturi să poată fi vizualizate simultan. Butonul „Blocare” salvează poziția unui strat de imagine pe care l-ați adăugat și chiar dacă ieșiți din extensie (faceți clic pe butonul acestuia din nou, astfel încât panoul să dispară), va aminti poziția pentru acele imagini atunci când îl deschideți.
Extensia PerfectPixel este un instrument destul de util pentru dezvoltatorii și designerii web și disponibil pe link-ul Chrome Web Store de mai jos.
Instalați PerfectPixel pentru Google Chrome
Comentarii