ارتكاب جرائم CSS

صورة

انتهى وقت CSS-Tricks. حان وقت جرائم CSS!

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

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

ابتكر Blackle Mori أداة غريبة حيث يؤدي سحب المقبض ببطء إلى تحويل سلسلة من التروس والبكرات والسلاسل. في النهاية تفتح فتحة للكشف عن تعويذة الموقع ("حشرة البيض") والإعلان "عمل جيد!". لقد حدقت في هذا في أدوات المطور وهو مزيج رائع من grid, resize, transformو calc(). انتهى بي الأمر بإضافة ملف border إلى جميع <div>لمحاولة الحصول على فهم أفضل لكيفية تحرك كل عنصر على حدة.

كانت هناك مواقف في الماضي حيث مُنعت من استخدام مجموعة أدوات HTML و JavaScript و CSS الكاملة. كانت هناك حالات كثيرة من استخدام الزخرفة أشكال CSS للالتفاف حول الصور. لقد استخدمت :hover كحل بديل ل mouseenter و mouseleave. لقد استخدمت input:checked كمحدد للأشقاء للتبديل.

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


رابط مباشر →

الطابع الزمني:

اكثر من الخدع المغلق