صحبت با کریس کوییر درباره آخرین تحولات CSS و CodePen 2.0

تحولات مدرن CSS و آینده توسعه وب

در این مصاحبه با کریس کوییر، بنیانگذار CSS Tricks و CodePen، درباره آخرین تحولات زبان CSS و ویژگی‌های جدید آن صحبت می‌شود. کوییر که پلتفرم CodePen را برای ۱۵ سال مدیریت کرده، اکنون روی نسخه جدید CodePen 2.0 کار می‌کند که در حال حاضر در مرحله بتای خصوصی قرار دارد.

ویژگی‌های جدید CSS

• توابع شرطی: CSS اکنون دارای تابع IF است که می‌تواند بر اساس شرایط مختلف مقادیر متفاوتی برگرداند
• متغیرهای سفارشی: امکان تعریف متغیرهای شخصی‌سازی شده با قابلیت تعیین نوع داده
• انیمیشن‌های مبتنی بر اسکرول: جایگزین عملکردهای سنگین جاوااسکریپت با راه‌حل‌های بهینه CSS
• موقعیت‌دهی انکوری: امکان قراردادن المان‌ها بدون وابستگی به ساختار DOM

تحولات قابل توجه

• ایجاد کاروسل‌های کاملاً CSS-based بدون نیاز به جاوااسکریپت
• پشتیبانی از رسانه‌های پرس و جو برای دستگاه‌های مختلف
• ویژگی‌های دسترسی‌پذیری مانند prefers-reduced-motion

کوییر تأکید می‌کند: "وقتی امکانات از جاوااسکریپت به CSS منتقل می‌شوند، از نظر عملکرد و دسترسی‌پذیری بهبود می‌یابند"

آینده CSS

• زبان CSS به بلوغ قابل توجهی رسیده اما هنوز جای پیشرفت دارد
• افزودن حلقه‌ها بعید به نظر می‌رسد ولی توابع جدید نیاز به آنها را کاهش می‌دهند
• توابع sibling-index و sibling-count امکان مدیریت موقعیت‌های پویا را فراهم می‌کنند

کوییر در مورد CodePen 2.0 می‌گوید: "هدف ما ایجاد پارادایم جدیدی در ساخت وبسایت‌ها با حذف پیچیدگی‌های پیکربندی است"