- - التقط أدلة لقياس عناصر الموقع مع الشريط لكروم

المفاجئة أدلة لقياس عناصر الموقع مع الشريط لكروم

يعتمد تصميم الويب الجيد على عدة عوامل ، أحدها هو الموضع الصحيح لكل عنصر. شريط امتداد كروم لمساعدة مصممي الويبهذا من خلال السماح لك بإضافة المساطر إلى صفحة ويب. يتجاوز الشريط ما تقدمه ملحقات قياس البكسل الشائعة ؛ لا تخبرك فقط المساحة التي يشغلها عنصر معين بالبكسل ، ولكنها تتيح لك أيضًا إضافة أكبر عدد ممكن من المساطر إلى واجهة المتصفح كما تريد لقياس المسافة النسبية للعناصر المختلفة عن بعضها البعض وتخطيطها. يمكنك إضافة مساطر أفقية وعمودية على حد سواء ، وتحديد نقاط الأصل (نعم ، أكثر من نقطة واحدة) ، وتعيين المؤشر لتنتقل تلقائيًا إلى عناصر مختلفة في صفحة ويب أثناء تحريكها ، كما هو الحال في Photoshop. يتم تمكين الشريط على صفحة ويب من خلال زر ويتم التحكم فيه فقط من خلال لوحة المفاتيح. من الواضح أن صفحة الويب نفسها لا تظل وظيفية أثناء تمكين Tape ، لذلك لن تفوتك وظيفة المفتاح العادية.

بمجرد التثبيت ، انقر فوق زر الإضافة التاليإلى شريط URL لتمكينه. ستظهر نافذة منبثقة صغيرة في أسفل اليسار تسرد اختصارات لوحة المفاتيح ووظائفها. سوف يتغير المؤشر تلقائيًا إلى مسطرة مع كل من الخطوط الأفقية والعمودية. أثناء تحريك المؤشر عبر صفحة الويب ، ستلاحظ أنه يستقر على العناصر (المميزة باللون الأحمر). راجع قائمة وظائف لوحة المفاتيح لتحديد كيفية إضافة مسطرة. معظم هذه الاختصارات بديهية للغاية ؛ على سبيل المثال ، يمكنك استخدام مفاتيح H و L على التوالي لإضافة خطوط المسطرة الأفقية والعمودية.

شريط

يمكنك إسقاط خط عمودي وأفقيالتي تنشأ من نفس النقطة عن طريق وضع المؤشر فوقها وضرب المفتاح O. Tape ممتاز للعمل مع عناصر التصميم الكبيرة ، كما يوفر أداة مكبرة تتيح لك إضافة مساطر إلى عناصر أصغر. لتنشيط أداة التكبير (تسمى العدسة) ، اضغط على المفتاح L مع تمكين Tape ، وسيضخّم المؤشر ما تنقله.

شريط العدسة

يمكن أن الحكام التي تمكن الشريط بدقةاستيعاب حتى عناصر الشاشة الصغيرة ، وإنشاء شبكة جيدة من حولهم أمر سهل للغاية. ربما تكون أفضل ميزة للملحق هي أنه إذا قمت بإلغاء تنشيط Tape على صفحة بعد رسم شبكة عليها ، فسوف تتذكر علاماتك القديمة كلما قمت بتنشيطها في المرة التالية ، طالما لم تقم بتحديث الصفحة أو أغلق علامة التبويب أو متصفح الخروج.

الشريط سريع للغاية وسريع الاستجابة ، ولم نجد أي سبب للشكوى في اختباراتنا. الميزات كافية لكل مصمم ويب يستخدم Chrome لتجربته.

تثبيت Tape من سوق Chrome الإلكتروني

تعليقات