PerfectPixelوهو امتداد كروم يسمح لمطوري الويب ويقوم المصممون بتراكب صورة شبه شفافة بسهولة أعلى الجزء العلوي من موقع HTML المطور. عن طريق تحريك الصورة في صفحة ويب ، يمكن للمطورين رؤية الفرق في وحدات البكسل بشكل مرئي. يحتوي الملحق أيضًا على خيار العتامة ، والذي يسمح لك بمشاهدة كل من التراكب و HTML المطوّر. أثناء نقل الصورة ، يتم تحديث الإحداثيات تلقائيًا في PerfectPixel المنبثقة ، والتي يمكن بعد ذلك نسخها واستخدامها بواسطة مطوري الويب.
بمجرد تثبيت الامتداد ، انقر فوق الزر الموجود في شريط الأدوات وسوف تظهر نافذة منبثقة على صفحة الويب الخاصة بك. انقر إضافة طبقة جديدة وحدد ملف من نظامك المحلي. ستتم إضافة هذه الصورة فورًا كطبقة فوق صفحة الويب. تستطيع اظهر المخفي الصور وأيضا اختيار مختلفة منها. انقل الصورة حولها لاختبارها بشكل مختلفالمواضع ، وسيتم تحديث الإحداثيات تلقائيًا في النافذة المنبثقة. يمكنك إضافة العديد من الصور كما تريد ، وتحديد صور معينة من خلال النقر عليها. بمجرد وضع الصورة بشكل صحيح ، يمكنك استخدام الإحداثيات المحدثة لوضع صورتك من خلال CSS. ذكر المطور دعم تراكب متعددة؛ ومع ذلك ، أسفر اختبارنا عن عدم القدرة على إضافة طبقات متعددة.
و PerfectPixel خيارات تسمح لك بتمكين وضع توافق التخزين ، الذي يوجد لإصلاح مشاكل التوافق مع تحميل الصور. أحد قيود استخدام وضع التوافق ، مع ذلك ، هو أن حجم الملف مقيد بحد أقصى 1.5 ميجابايت. يمكنك أيضا تمكين وضع التصحيح و مفاتيح الاختصار.
ومع ذلك ، أظهر اختبارنا أنه بينما يمكنكإضافة طبقات متعددة ، يمكنك فقط عرض طبقة واحدة في كل مرة على صفحة معينة. هذا قيد مؤسف ويجب على المطور التفكير في تغييره بحيث يمكن مشاهدة عدة طبقات في وقت واحد. يحفظ الزر "قفل" موضع طبقة الصورة التي أضفتها وحتى إذا خرجت من الامتداد (انقر فوق الزر مرة أخرى حتى تختفي اللوحة) ، فسيتذكر موضع تلك الصور عند فتحها في المرة التالية.
تعتبر PerfectPixel extension أداة مفيدة لمطوري الويب ومصمميها ، وهي متوفرة على الرابط Chrome Web Store أدناه.
تثبيت PerfectPixel لجوجل كروم
تعليقات