أدلة Snap لقياس عناصر موقع الويب باستخدام شريط لمتصفح Chrome

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

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

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

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

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

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