السؤال الأول
روس: لقد تم للتو كتابة الطبعة الثانية من كتابك الجديد "Cascading Style Sheets: The Definitive Guide" قبل أن ندخل في تفاصيل هذا الكتاب، أريد أن أسأل: كم عدد الكتب التي نشرتها؟ أقسم أن مكتبتي المحلية لديها فئة مخصصة لكتبك.
إريك: لا، لا، كانت تلك جميع كتب مولي هولزشلاغ، وكنت مجرد نوع من الكتب الإضافية. لقد كتبت 5 كتب، أحدها عبارة عن نسخة مختصرة، والتي أعتقد أنها قد تكون أو لا تكون مؤهلة ككتاب (زوجتي تصر على ذلك). الأول هو "الدليل النهائي لـ CSS". إذا كانت هذه الطبعة الثانية تعتبر نسخة مستقلة، فلدي 6 كتب. أنا شخصياً أعتقد أن هذه الطبعة الثانية تعتبر مجلداً، لأن حجم عملها يعادل كتابة كتاب جديد.
السؤال 2
روس: ما المحتوى الذي تمت إضافته أو تحديثه في الدليل النهائي الجديد مقارنة بالإصدار الأول؟
إريك: تم تحديث كل شيء تقريبًا. الأشياء الوحيدة التي لا تحتاج إلى تغيير هي الفصل الأول والفصل الخاص بالخطوط، وقد تم تحديث باقي المحتوى في الغالب أو بالكامل. تم تقسيم ترتيب الفصل الأصلي بالكامل وإعادة ترتيبه في حالة النص. على سبيل المثال: في الطبعة الأولى كانت هناك فصول "عائمة في التنسيق المرئي" و"تم تحديد الموضع بشكل خاص". في الإصدار الجديد، قمت بدمجها في فصل واحد وأعدت كتابة معظم فصول التنسيق. وبنفس الطريقة، تم نقل "الجزء الخاص بالقوائم" إلى فصله الأصلي وتمت إضافة الكثير من المحتوى. ثلاثة فصول جديدة تمامًا: تخطيط الجدول، وأنماط واجهة المستخدم، والوسائط غير الشاشة.
السؤال الثالث
روس: سمعت شائعة مفادها أن "Eric Meyer on CSS" الخاص بك لديه أيضًا إصدار جديد. ما عدد طرق التصميم التي يوفرها الإصدار الجديد؟
إريك: هذه الإشاعة صحيحة. لقد أطلقنا عليها اسم "في ومضة مذهلة من العبقرية الإبداعية، "المزيد من Eric Meyer على CSS." وهي تحتوي على بعض التحسينات مقارنة بالإصدار الأول، ولكن ليس كثيرًا. ما أريد قوله هو أن هذين الكتابين ليسا مرتبطين قبل وبعد، ليست هناك حاجة لقراءة الطبعة الأولى للطبعة الثانية (حتى لو كنت تملك كليهما). ويمكن لقراء الطبعة الأولى أن يتذكروا أن طريقة التصميم الأولى. كيفية تحويل تخطيط يحركه الجدول إلى جدول بسيط وCSS. في الكتاب الجديد، تتمثل طريقة التصميم الأولى في تحويل الصفحة ذات الصلة المصممة بشعار HTML فقط وصورة GIF فارغة إلى صفحة تستخدم CSS خالصًا لاستبدال تخطيط الجدول.
وبالمثل، هناك العديد من أساليب التصميم، مثل: طرق متعددة لعرض أنماط معرض الصور، واستخدام البيانات الجدولية للحصول على تقارير مالية أنيقة، واستخدام تخطيط الخلفية لتحقيق تأثيرات شفافة في متصفحات متعددة، بما في ذلك متصفح IE/Win.
هناك طريقة تصميم لعرض قوائم ثلاثية المستويات، بما في ذلك تداخل القوائم وكيفية تحويلها إلى قائمة "منسدلة"، ويمكن أن تعمل على معظم المتصفحات (بما في ذلك IE/Win)، تمامًا مثل Doug Bowman's Sliding Doors (sliding Doors) الأبواب) التكنولوجيا جيدة بنفس القدر.
بالإضافة إلى ما سبق، هناك طريقة مشتركة لحل مشكلة نمط إدخال مدونة الويب. الطريقة الأخيرة في الكتاب هي أخذ تصميم عشوائي من CSS Zen Garden (الذي أنشأه Dave) وتنفيذه في CSS. في الأساس، أعطاني ديف ملف تصميم بالفوتوشوب وقمت بتقطيعه إلى الأجزاء التي أحتاجها وجعلها تعمل مع CSS، وبهذه الطريقة يمكنك رؤية العملية بأكملها بدءًا من التصميم وحتى الكود النهائي. لقد فكرت أيضًا في استخدام صور PNG، والتي لن تبدو قبيحة في IE/win.
السؤال 4
روس: قبل عامين، نادرًا ما تمت مناقشة CSS، والآن يبدو أنه يتم الحديث عنها في كل مكان! هل تعتقد أنك ساعدت في تحويله إلى الوعي السائد؟
إريك: إنه شيء طبيعي حقًا. أولاً، بدأ IE6 في دعم محول DOCTYPE، وأعلن لاحقًا أنه لن يصدر إصدارات IE جديدة بعد الآن، مما يمنح الجميع شعورًا بالاستقرار. ثانيًا، يتوفر لدى المصممين ما يكفي من الوقت لقراءة الكتب والبرامج التعليمية وتجربة CSS على مواقعهم الخاصة. وفي هذا السياق، ظهر عدد من مواقع التصميم الممتازة. ثالثًا، أعتقد أنه مع تقدم فن التصميم، دفع مصممو الويب (مثل دوج بومان، وديف شيا، وجيفري زيلدمان) الذين كان لديهم عباقرة في التصميم وفهموا حقًا فوائد CSS، الأمور إلى الأمام. بدأت إعادة تصميم موقع مجلة Wired، وCSS Zen Garden، والمواقع الأخرى في عرض التصميم المبني على CSS والذي لم يعمل فحسب، بل بدا جميلًا ورائعًا.
ويلعب أيضًا عدد متزايد من الموارد العملية سهلة المتابعة (مثل Listutorial وFloatutorial) دورًا كبيرًا، وما إلى ذلك.
السؤال الخامس روس: بالنسبة للمصممين والمطورين الذين بدأوا للتو في التعامل مع معايير الويب واستخدامها، ما هي جوانب CSS الأكثر أهمية؟
إريك: الشيء الأكثر أهمية؟ أود أن أقول الجزء المتتالي. ليس فقط التتالي، ولكن الميراث والنوعية وبناء المحدد بمجرد أن تتقن ذلك، فإن الباقي هو مجرد مسألة تفاصيل.
بعد ذلك، أعتقد أن الفهم الشامل للتأثيرات المرئية، بما في ذلك الكتل والسطور، أمر بالغ الأهمية أيضًا. إذا كنت تعرف كيف سيبدو تصميمك، فيمكنك تجنب الكثير من المشاكل (لا يعمل CSS كما هو متوقع). مثل العديد من اللغات، لدى CSS قواعدها الخاصة، وتجاهلها سيؤدي إلى الفوضى.
السؤال السادس
روس: في الأشهر الـ 12 الماضية، تم طرح تقنية استبدال الصور. ما هو شعورك العام حيال ذلك؟ إذا كان عليك استخدامه، ما النموذج الذي ستستخدمه؟
إريك: أفضّل أسلوب CSS3: استبدال المحتوى بخاصية "المحتوى". هذا منخفض الوزن وغير اختراقي قدر الإمكان. وهذه هي الطريقة أيضًا في ظل حالة الدعم المنخفضة الحالية، نظرًا لأن Opera فقط يدعم حاليًا استبدال الصور.
بالإضافة إلى ذلك، وجدت أن تقنية استبدال الصور لها مزايا وعيوب. الميزة هي أنها تجعل بعض النصوص تبدو جميلة، والعيب هو أنها تخلق مشاكل في قابلية الاستخدام لقارئات الصوت. بصراحة المشكلة الحقيقية تكمن في القراء أنفسهم. إنهم يحاولون إظهار الصفحات الحقيقية ونتائج القراءة، لكنهم يفعلون الشيء الخطأ تمامًا. إذا تم تعيين الصفحة على نمط الشاشة المتوسطة، فسيتجاهل المتصفح هذه الأنماط تمامًا، ما لم يتم إصلاح معظم المتصفحات.
السؤال 7
روس: يبدو أن مجرد ذكر "حجم الخط" يشعل جدل CSS - حرب بين خبراء الخطوط ومصممي الويب. هل تعتقد أن هناك حلاً يناسب جميع المستخدمين؟
إريك: لا، على الرغم من أنني أتمنى أن تكون هناك طريقة أخرى، إلا أنني لا أفعل ذلك. كل طريقة لإعداد الخطوط لها مزايا وعيوب. أفضل ما يمكنك فعله هو العثور على الطريقة التي كانت الأفضل من قبل والأقل احتمالية للتغيير في المستقبل، ويجب أن يتم ذلك في عملية تصميم حسب التصميم المستمرة. هدف المصمم هو التحكم في خطوط النص بالبكسل لتحقيق أفضل أداء ممكن، على الرغم من أن استخدام ems أو الكلمات الأساسية (مثل x-small) يمكن أن يحقق نتائج أفضل. في أي وقت يخبرك فيه شخص ما أن هناك طريقة لتحديد حجم الخط الخاص بك والتي تناسب جميع المواقع، فهو ببساطة يخبرك بمبدأ، وليس بحل.
السؤال 8
روس: هناك سؤال كان دائمًا مثيرًا للجدل. ما رأيك في اختراقات CSS؟
إريك: لا مفر من أنه في يوم من الأيام، ستتمكن متصفحاتنا من دعم CSS وتنفيذه بشكل مثالي، وعندها تتوقف عمليات اختراق CSS. وحتى ذلك الحين سنتمسك به. للإشارة إلى ذلك، أعني هذا بالنسبة لجميع الاختراقات، سواء كانت تتعلق بـ CSS أو أشياء أخرى مثل التعليقات الشرطية من Microsoft.
السؤال 9
روس: هل تعتقد أنه عندما يصبح سوق المتصفحات جاهزًا لـ CSS3، فإنه سيدخل حقبة جديدة - تذكر الجدول الزمني لنظام التشغيل Longhorn من Microsoft.
إريك: أعتقد ذلك. ومع ذلك، وفقًا لهذا البيان، يبدو أن الدعم الكامل للوسائط المرئية CSS2 (الوسيط المرئي) قد اكتمل في وقت مبكر من عام 2003. لقد كان سجل نبوءتي دائمًا أسوأ من الآخرين، وقد لا يكون مناسبًا لخطة طويلة المدى.
السؤال العاشر
روس: السؤال الأخير، ينضم المزيد والمزيد من مصممي الويب إلى عربة CSS2، هل تعتقد أن تعقيد CSS3 سيقلل من جاذبيتها، أو حتى سيجعل بعض المصممين الذين يخشونها يتخلون عن CSS تمامًا؟
إريك: الأمر أسوأ من ذلك: فمعظم مصممي الويب يتعلمون فقط أجزاء من CSS2 دون فهم جوهرها حقًا.
يمكن أن يحدث أي شيء، كما لو كان هناك مصممين خائفين من "تعقيد" CSS1 (بالنسبة لمعرفتهم).
أحد الأشياء الجيدة في CSS3 هو أنه منفصل ومدمج في وحدات، بحيث يمكنك تجاهل الأجزاء التي لا تهتم بها والتركيز على الأجزاء التي تريد التعرف عليها. إذا كنت تريد حقًا التعمق في أنماط الطباعة، فيمكنك قراءة وحدة الطباعة للتعرف عليها. إذا كان اهتمامك هو التدويل، فستجد وحدة I18N، فهناك بعض الأجزاء التي يحتاج الجميع إلى معرفتها (مثل المحددات والسلاسل)، ولكن بعد ذلك، بالإضافة إلى اهتمامك، يأتي الاضطرار إلى الاطلاع على ورقة المواصفات الضخمة.