1. إعادة الضبط
حقًا، استخدم دائمًا إعادة التعيين، سواء أكانت إعادة تعيين Eric Meyer، أو إعادة تعيين YUI، أو إعادة التعيين المخصصة الخاصة بك، تأكد من استخدامها.
يمكن أن يكون ذلك بسيطًا مثل إزالة سمات الهامش والحشوة من جميع العناصر:
html، body، div، h1، h2، h3، h4، h5، h6، ul، ol، dl، li، dt، dd، p، blockquote،
ما قبل، النموذج، مجموعة الحقول، الجدول، ال، td { الهامش: 0؛
إن أسلوب إريك ماير وYUI في إعادة الضبط رائعان، لكن بالنسبة لي، فإنهما يذهبان إلى أبعد من ذلك. أريدك أن تقوم بمسح كل شيء قبل إعادة تعريف العديد من خصائص العنصر. هذا ما يوصي به إريك ماير. إذا كانت هناك طريقة أكثر فعالية لاستخدامه، فلا يجب أن تأخذ ملف النمط الخاص به وتسقطه مباشرةً في مشروعك الخاص - بل قم بتحسينه وإعادة البناء عليه واجعله خاصًا بك.
أوه، من فضلك لا تفعل هذا مرة أخرى:
* {الهامش: 0؛
يتم استخدامه في أماكن كثيرة جدًا. إذا قمت بإزالة حشوة زر الاختيار، فماذا سيحدث في رأيك؟ تتمتع عناصر النموذج في بعض الأحيان بمظهر غير تقليدي، لذا فمن الأفضل تركها كما هي.
2. قم بالفرز أبجديًا
اختبار صغير
من بين المثالين أدناه، أيهما تعتقد أنه يمكنه العثور على موقع سمة هامش اليمين بشكل أسرع؟
مثال 1
شعبة # رأس h1 {
مؤشر z: 101؛
اللون: #000؛
الموقف: نسبي؛
ارتفاع الخط: 24 بكسل؛
الهامش الأيمن: 48 بكسل؛
الحد السفلي: 1 بكسل صلب #dedede؛
حجم الخط: 18 بكسل؛
}
مثال 2
شعبة # رأس h1 {
الحد السفلي: 1 بكسل صلب #dedede؛
اللون: #000؛
حجم الخط: 18 بكسل؛
ارتفاع الخط: 24 بكسل؛
الهامش الأيمن: 48 بكسل؛
الموقف: نسبي؛
مؤشر z: 101؛
}
لا تقل لي أن المثال 2 ليس بنفس سرعة المثال 1! ومن خلال فرز خصائص هذه الأنماط أبجديًا، سيساعدك الترابط الذي تقوم بإنشائه على تقليل الوقت الذي تقضيه في البحث عن خاصية معينة.
أعلم أن بعض الأشخاص ينظمون الترتيب بهذه الطريقة، والبعض الآخر يستخدم طريقة أخرى لتنظيم ترتيب الأنماط. لكن في شركتي، قررنا بالإجماع ترتيب الأمور أبجديًا. سيعمل هذا الأسلوب بالتأكيد معك عندما تقوم بتطوير التعليمات البرمجية مع الآخرين. أكره ذلك في كل مرة أرى فيها ورقة أنماط غير مرتبة أبجديًا، لأنها تبدو فوضوية وغير منظمة...