يسأل الكثر من قراء دكتورميجا هذا السؤال دائماً ؟ “لماذا لا يزال يتعين عليك تعلم CSS” فكر في أي شركة، كبيرة كانت أم صغيرة. ما هي أكثر ميزة تميزها؟ سواء كان شعار Target’s bullseye أو الأقواس الذهبية لماكدونالدز، تستثمر الشركات الكبيرة والصغيرة بكثافة في تطوير ونشر رمز يربطه الجمهور بعلامتها التجارية.

ماذا يعني CSS

قبل أن يصبح التواجد عبر الإنترنت جزءًا ضروريًا من إستراتيجية نمو كل نشاط تجاري، امتد هذا “المظهر” ذي العلامة التجارية عبر جميع المواد التسويقية: الأوراق ذات الرأسية وبطاقات العمل واللافتات والمزيد. الآن يجب أن يتناسب هذا المظهر نفسه أيضًا مع وجود الشركة على الويب – خاصة في الحالات التي تكون فيها المبيعات عبر الإنترنت جزءًا حيويًا من إيرادات الشركة. وهذا يعني أنه يجب تصميم الخط والألوان والتصميم والعناصر الأخرى لموقع الشركة على الويب للتنسيق مع علامتها التجارية الواقعية حتى يحافظ موقع الويب على مظهر احترافي ومتسق.

يمكن تحقيق هذا “المظهر” عبر الإنترنت لمواقع الويب إما من خلال لغات البرمجة أو من خلال مجموعة من خصائص النص القابلة للتكوين تسمى أوراق الأنماط المتتالية (CSS). كما هو الحال غالبًا في عالم التكنولوجيا، هناك مفاضلات يجب مراعاتها عند الاختيار بين هذين النهجين. يتذمر النقاد من أن CSS لا تمتص التغييرات بسهولة – أضف الكثير، وسرعان ما يصبح الكود غير عملي، خاصة إذا كانت هذه التغييرات عبارة عن قوائم طويلة من المواصفات الإضافية التي يطلبها مصمم الرسوم. يوجد حاليًا العديد من البدائل لـ CSS، وقد يكون هناك بدائل أخرى في الأفق، لكن CSS لا يزال أساسًا تُبنى عليه العديد من مواقع الويب.

إليك لماذا يستحق الأمر وقتك لتعلم الأساسيات:

CSS سهل الاستخدام

يمكن للغات البرمجة القوية مثل JavaScript وأطر العمل مثل jQuery إنشاء تأثيرات مشابهة لـ CSS – وغالبًا ما تقوم بذلك بطريقة أكثر أناقة وفعالية. لكنها أكثر صعوبة في التعلم وتتطلب مبرمجين للتطوير المناسب. أوراق الأنماط الحقيقية محدودة بدرجة أكبر. لن تؤثر على تفاصيل كيفية تفاعل العملاء مع موقع الويب. مثل كيفية تسجيل الدخول إلى حساب أو إضافة إلى عربة التسوق. لكنهم يحددون الشكل الذي سيبدو عليه موقع الويب. حيث سيتم وضع الشعارات، ومقدار المساحة المتبقية حولها، والخطوط ولوحات الألوان التي سيتم استخدامها، وما إلى ذلك. يسمح CSS لمصممي الرسوم بالتحكم في شكل ومظهر واتساق الواجهة الأمامية لموقع الويب. دون الغوص في الكود الأكثر تعقيدًا الذي يدعم الواجهة الخلفية. ولهذا، فهي لا تزال قيّمة للغاية.

تم إنشاء CSS للجوال

منذ عقود مضت يقضي المستهلكون الأمريكيون وقتًا أطول على الأجهزة المحمولة مما يقضونه على أجهزة الكمبيوتر المكتبية الخاصة بهم. مع الانفجار في توافر واستخدام تكنولوجيا الهاتف المحمول اليوم، من الطبيعي أن ينتقل معظم المحتوى عبر الإنترنت إلى منصات متنقلة. نظرًا لانتشار أجهزة iPad و iPhone و أجهزة جالاكسي و OPPO ومجموعة كاملة من الأجهزة المحمولة الأخرى. أصبح من المهم أكثر من أي وقت مضى أن تحافظ الشركة على مظهر تسويقي متسق سواء في وضع عدم الاتصال أو عبر الإنترنت. يتيح CSS لمصممي الجرافيك القيام بذلك؛ باستخدام CSS، يمكنهم تحديد كيفية تقديم الموقع على مجموعة واسعة من الأجهزة المحمولة للحصول على مظهر متناسق.

CSS للرسوم المتحركة

تضيف الرسوم المتحركة اهتمامًا مرئيًا إلى مواقع الويب، وتعتمد الشركات بشكل متزايد على الوسائط المختلطة لتحقيق تأثير كبير. يوفر أحدث إصدار من CSS – CSS3 – تأثيرات قوية بما في ذلك الرسوم المتحركة والتلاشي. في حين أنه من السهل الغوص في هذه الأشياء. إلا أنها لها مكانها في تصميم الويب الفعال؛ عند استخدامها بحكمة، يمكن أن تعزز قابلية الاستخدام والتمتع بسير عمل المستخدم. ميزة تعلم واستخدام CSS لهذه التأثيرات هي أنها لا تتطلب اضافات إضافية. يتطلب Flash و Silverlight، وهما من افضل أدوات الرسوم المتحركة والفيديو القوية. وتجدر الإشارة إلى أنه يمكن إنشاء الرسوم المتحركة والتأثيرات الأخرى باستخدام جافا سكربت وأطر عمل مثل jQuery. ولكن كما ذكرنا سابقًا، يصعب تعلمها وتتطلب خبرة في البرمجة.

CSS هو معيار ويب

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

أحيانًا يلقي مطورو تطبيقات الويب الكثير من المصطلحات اللغوية الثقيلة عليك بحيث يبدو كما لو أنهم يتحدثون لغة مختلفة. عندما تصبح الاختصارات مثل SVG و PHP و HTML5 وpolyfills مربكة، فقط تذكر. إنك تريد أن يتمكن مصممو الرسوم لديك من التحكم في شكل ومظهر وجودك على الويب دون الحاجة إلى أن يصبحوا مبرمجين. وإذا كان هذا هو هدفك، فإن CSS (لا تزال) إلى حد كبير اللعبة الوحيدة في المدينة.

ختاماً اذا كنت تريد متابعة المزيد عن لغات البرمجة وتعلم المزيد عن CSS وغيرها لا تتردد بمتابعة القسم المدونة لدينا.