أبل قد ينهار من حيث كليهماتصميم الأجهزة والبرامج ، ولكن في ذروتها ، علمنا كيف يبدو شيء جيد إذا كان محاذاة بشكل صحيح. النقطة المهمة هي أنه عندما تصطف الأمور بشكل مثالي فإنها تبدو أفضل وهذا ينطبق على التصميم الصناعي وتصميم الويب. عادةً ما يتم إنشاء تصميمات مواقع الويب في Photoshop ، لكن هذا لا يعني أن المصممين والمطورين لا يعبثون بمظهر موقع الويب في متصفحهم. من السهل جداً العبث بها ؛ كل ما عليك فعله هو فتح وحدة التحكم في تطوير الويب التي توفرها جميع متصفحات الويب الرئيسية وإضافة الحشو ، وتغيير لون النص ، وما إلى ذلك. هناك شيء واحد تفتقر إليه جميع هذه الأدوات هو أداة المحاذاة. إذا كان Chrome هو متصفحك المفضل للتطوير ، الخط الخلفي هو امتداد لديك لمحاولة الخروج. وتضيف سلسلة من الخطوط الأفقية إلى الشاشة. لديك حرية كاملة في تحديد التباعد بين هذه الخطوط وكذلك لونها. بالإضافة إلى ذلك ، تتيح لك الأداة إضافة حشوة مخصصة إلى أعلى الصفحة قبل خطوط الشبكة.
قم بتثبيت Baseliner وانقر فوق الزر B الذي يضيفه بجوار شريط العناوين. سيتم فتح قائمة بها خيارات لتخصيص شبكتك.
بشكل افتراضي ، يتم تعيين الحشو العلوي على 0px ، ويتم ضبط التباعد بين الخطوط على 12px ، وتكون الخطوط باللون الرمادي مع التعتيم على 100 ٪. لتغيير أي من هذه القيم ، انقر داخل المربع بجوارها.
يمنحك مربع اللون منتقي ألوان قياسيلتغيير لون خطوط الشبكة. يمكن تغيير قيم التباعد والحشو والتعتيم عن طريق إدخال رقم مخصص لكل معلمة. يمكنك بدلاً من ذلك استخدام الأسهم لأعلى / لأسفل لزيادة أو تقليل القيمة. بمجرد تخصيص الشبكة ، انقر فوق "تطبيق" في الأسفل.
تتم إضافة خطوط الربط فقط إلى الصفحة الحاليةوليس لجميع الصفحات التي قمت بفتحها في متصفحك. لإزالة الخطوط بمجرد انتهائك من ذلك ، ما عليك سوى النقر فوق الزر B مرة أخرى والنقر فوق الزر "إزالة" في الأسفل.
Baseliner يعمل لا تشوبه شائبة. يجعل التحكم في اللون للشبكة والبطانة في الأعلى التمديد أكثر ذكاءً. نتمنى فقط أنها تدعم الخطوط العمودية كذلك.
تثبيت Baseliner من سوق Chrome الإلكتروني
تعليقات