سي إس إس CSS

سي إس إس هي اللغة التي تحدد شكل صفحة الويب. الألوان والخطوط والمسافات وعرض الأعمدة وما يتحرك عند مرور المؤشر فوقه. أما الكلمات والصور فتأتي من إتش تي إم إل. وسي إس إس هي الطبقة التي تجعلها تشبه نشاطك التجاري بدل أن تبدو مستندًا عاديًا.

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

هذه هي النظرية. أما عمليًا فهذا هو السؤال الذي يستحق أن تطرحه على المورّد قبل أن تشتري أي شيء. إذا غيّرنا لون علامتنا التجارية العام القادم، كم موضعًا يجب تعديله؟ في موقع مبني بعناية تكون الإجابة موضعًا واحدًا. وفي موقع جُمع على عجل يكون اللون مكتوبًا في أربعمئة موضع، فيتحول تغيير الهوية إلى مشروع صغير. والموقعان يبدوان متطابقين يوم الإطلاق، ولا يظهر الفرق إلا لاحقًا.

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

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