صحبت با کریس کوییر درباره آخرین تحولات CSS و CodePen 2.0
مصاحبه با کریس کوییر، بنیانگذار CSS Tricks و CodePen، درباره ویژگیهای جدید CSS مانند متغیرها، انیمیشنهای مبتنی بر اسکرول، موقعیتدهی انکوری و آینده توسعه وب
۳ دقیقه مطالعه
تحولات مدرن 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 میگوید: "هدف ما ایجاد پارادایم جدیدی در ساخت وبسایتها با حذف پیچیدگیهای پیکربندی است"
