توسعه فرانت‌اند
@layer در CSS؛ مدیریت ترتیب استایل‌ها بدون جنگ با specificity
Cascade layers اجازه می‌دهند ترتیب اولویت گروه‌های استایل (ریست، پایه، کامپوننت، ابزارها) را صریح تعیین کنید و دیگر نیازی به !important نباشد.
برچسب CSS
همه اخبار و مقالات مرتبط با CSS در control30
۸ خبر
توسعه فرانت‌اند
Logical Properties؛ استایلی که برای راست‌به‌چپ و چپ‌به‌راست یکسان کار می‌کند
با margin-inline، padding-block و inset-inline-start دیگر لازم نیست برای سایت فارسی و انگلیسی دو نسخهٔ جدا از استایل بنویسید.
توسعه فرانت‌اند
text-wrap: balance؛ عنوان‌های متعادل‌تر با یک خط CSS
ویژگی text-wrap: balance طول خطوط عنوان را متعادل می‌کند و از رها شدن یک کلمهٔ تنها در خط آخر جلوگیری می‌کند؛ با text-wrap: pretty هم پاراگراف‌ها بهتر می‌شوند.
توسعه فرانت‌اند
حالت تیره با color-scheme و light-dark()؛ تم ساده‌تر از همیشه
با متغیرهای CSS، color-scheme و تابع light-dark() می‌توانید تم روشن و تیره را در یک جا تعریف کنید و به تنظیم سیستم کاربر احترام بگذارید.
توسعه فرانت‌اند
تایپوگرافی سیال با clamp()؛ یک خط به‌جای چند media query
تابع clamp() اندازهٔ فونت، فاصله و عرض را بین یک حداقل و یک حداکثر به‌صورت نرم تغییر می‌دهد؛ ساده، قابل‌پیش‌بینی و بدون breakpoint.
توسعه فرانت‌اند
گرید ریسپانسیو بدون media query با auto-fit و minmax
با یک خط CSS Grid می‌توانید شبکه‌ای بسازید که خودش تعداد ستون‌ها را با عرض صفحه تنظیم کند؛ بدون هیچ breakpoint.
توسعه فرانت‌اند
Container Queries؛ ریسپانسیو بر اساس اندازهٔ والد، نه اندازهٔ صفحه
با container queries هر کامپوننت می‌تواند بر اساس عرض ظرف خودش تغییر چیدمان بدهد؛ راهکاری که کامپوننت‌های قابل‌استفادهٔ مجدد را واقعاً مستقل می‌کند.
توسعه فرانت‌اند
انتخابگر :has() در CSS؛ «انتخابگر والد» که سال‌ها منتظرش بودیم
انتخابگر :has() اجازه می‌دهد عنصر را بر اساس فرزندان یا عناصر بعد از آن استایل بدهید؛ از کارت‌های متغیر تا اعتبارسنجی فرم، بدون یک خط جاوااسکریپت.