سي إس إس CSS

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

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

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

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

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