CSS هي تقنية مذهلة عندما استخدمتها لأول مرة، اعتقدت أنها شيء لم أحلم به أبدًا. مع تقديم CSS3، أدت تقنيات مثل الزوايا الدائرية والظلال والتدوير وما إلى ذلك إلى رفع CSS إلى مستويات غير مسبوقة. ومع ذلك، فيما يتعلق بـ CSS، هل ذهبنا بعيدًا جدًا؟ هذه المقالة تعطي فكرة أخرى لبعض التطبيقات التجريبية لـ CSS من وجهة نظر مصمم الويب.
تلك التجارب الرائدة مع CSS
تستخدم كل تجربة طرقًا مختلفة، بعضها، مثل رسم خط CSS، يمكن أن يجد تطبيقات عملية في الواقع، والبعض الآخر، مثل رسم Twitter Fail Whale الذي تنفذه CSS، هو غرض تجريبي بحت لتوضيح ما يمكن أن تفعله CSS، فهذا لا يعني أنه ينبغي القيام به بهذه الطريقة.
لنكن عمليين
الصورة أعلاه عبارة عن شعار لشبكة تواصل اجتماعي تم تنفيذه باستخدام CSS، إنه أمر مذهل، أليس كذلك؟
لقد قرأت مؤخرًا مقالة فاروق أتيش بعنوان Pure CSS Icons: Make The Madness Stop، والتي شككت في هذا النهج، وقال المؤلف إن بعض الأشخاص بدأوا في محاولة استخدام CSS كأداة تصميم وسرعان ما أثاروا عددًا كبيرًا من المقلدين الوصول هو النهج؟ ليس من السهل الاندماج في تصميمك وتطويرك، كما أنه ليس من السهل تعديله.
تمامًا مثل شعار الشبكة الاجتماعية أعلاه، والذي يعتمد بشكل كامل على CSS، فهو ليس أكثر من مجموعة من مجموعات مختلفة من الخطوط، فهو مثير للإعجاب ومبدع، لكنه ليس عمليًا لأن إنشاء مثل هذا الشعار قد يتطلب عدة ساعات من العمل الشاق العمل، فرسم نفس الصورة في الفوتوشوب لا يتطلب أي جهد على الإطلاق، ويكون التأثير أفضل (أكثر تفصيلاً).
يعتقد Ateş أن إمكانية صيانة الأيقونات التي تم إنشاؤها بهذه الطريقة تمثل مشكلة أيضًا. كان تعديل الأيقونة يتطلب في الأصل تعديل وحدات البكسل فقط، ولكنك الآن بحاجة إلى تعديل تعريف CSS قال شعار CSS أيضًا أن القيام بهذا النوع من الأشياء، فإن CSS ليس هو الأفضل.
هل تريد تقليل طلبات HTTP؟
يتم إنشاء جميع الأيقونات الموجودة في الصورة أعلاه باستخدام CSS، ويقوم المؤلف ببيعها، حيث يبيع 40 رمزًا مقابل 25 دولارًا. يجب أن أعترف أن هذه الرموز مصممة بشكل جميل للغاية. كان الهدف الأصلي للمؤلف من تصميم CSS هو تقليل عدد طلبات HTTP لتلك المواقع، لأن هذه الرموز لا تتطلب طلبات ملفات صور إضافية. ومع ذلك، هل طلب HTTP الذي يتم إحضاره بواسطة ملف رمز صغير يستحق الذكر حقًا؟ علاوة على ذلك، باستخدام تقنية CSS Sprite، يمكن وضع هذه الرموز في نفس الصورة وعرضها بواسطة تحديد موضع CSS، وبهذه الطريقة، هناك حاجة إلى طلب HTTP واحد فقط السؤال يكفي. علاوة على ذلك، أشك حقًا في مقدار النطاق الترددي الذي يمكن أن تقلله إصدارات CSS من الرموز.
بروح الدلالات
يجب أن أعترف أنني أحيانًا أستخدم علامات إضافية مثل DIV أو SPAN لتحقيق احتياجات بصرية معينة، وهو أمر غير دلالي على الإطلاق. ومع ذلك، فإن رسم CSS أقل دلالة. المهمة الحقيقية لـ CSS هي تعديل المحتوى في صفحة الويب، وليس إنشاء المحتوى نفسه. تنتمي الرسومات الموجودة في صفحات الويب نفسها إلى فئة المحتوى ولا ينبغي إنشاؤها باستخدام CSS.
المصدر الأصلي لهذه المقالة: blog.echoenduring.com هل نحن نأخذ CSS بعيدًا جدًا؟ (المؤلف الأصلي: مات وارد)
مصدر المقتطف الصيني: الموقع الرسمي لنظام إدارة محتوى موقع Ruishang Enterprise CMS