ارتکاب جرایم CSS

تصویر

زمان CSS-Tricks به پایان رسیده است. اکنون زمان جنایات CSS است!

در این چشم انداز فعلی ارائه دهندگان خدمات محتوا، کاربران اغلب محدود به بیان خود در متن، پیوندها و تصاویر هستند. قوانین پاکسازی تمایل به حذف HTML، جاوا اسکریپت و ویژگی های مختلف دارند.

سرویس رسانه های اجتماعی کوهوست به کاربران این امکان را می‌دهد که آزادی بیشتری نسبت به سبک‌های نشانه‌گذاری و درون خطی نسبت به آنچه که معمولاً به آن عادت کرده‌ایم داشته باشند. برخی از کاربران از این آزادی برای ارتکاب جرایم CSS استفاده کرده اند! با استفاده از ویژگی‌ها به روش‌های غیر متعارف، باعث ایجاد سرگرمی‌های خلاقانه از رابط‌های آشنا و بازی‌های تعاملی شده است.

Blackle Mori یک ابزار ساخت جایی که با کشیدن یک دسته به آرامی یک سری چرخ دنده، قرقره و زنجیر می چرخد. در نهایت یک دیافراگم باز می شود تا طلسم سایت ("سس تخم مرغ") و اعلان "کار خوب!". من به این در Developer Tools خیره شده ام و ترکیبی شگفت انگیز از آن است grid, resize, transformو calc(). من در نهایت یک را اضافه کردم border به همه <div>سعی کنید درک بهتری از نحوه حرکت هر عنصر به دست آورید.

در گذشته موقعیت هایی وجود داشته است که من از استفاده از جعبه ابزار کامل HTML، جاوا اسکریپت و CSS محدود شده ام. موارد زیادی از استفاده از وسایل تزئینی وجود داشته است اشکال CSS برای دور زدن تصاویر من استفاده کرده ام :hover به عنوان یک راه حل برای mouseenter و mouseleave. من استفاده کرده ام input:checked به عنوان انتخابگر خواهر و برادر برای جابجایی

در حالی که احتمالاً CSS Crimes چیزی نیست که بخواهید به طور منظم از آن استفاده کنید، ما باید آزمایش‌هایی را با محدودیت‌هایی که می‌توانند راه‌حل‌های خلاقانه را تقویت کنند، بپذیریم.


لینک مستقیم →

تمبر زمان:

بیشتر از ترفندهای CSS