Interop 2024 يجلب المزيد من الميزات إلى الأساس | بلوق | web.dev

تم النشر: 22 يناير 2025

مع اقتراب interop 2024 من نهايته ، ينظر هذا المنشور إلى الوراء إلى أنجح عام على الإطلاق للمشروع. لقد انتهينا مع جميع المتصفحات التجريبية التي أبلغت عن درجة 99 ، مع وجود إصدارات مستقرة ليست بعيدة. هذا النجاح يعني أن عددًا من الميزات أصبح الآن أساسيًا متاحًا حديثًا.

المزيد من الميزات لخط الأساس

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

خصائص مخصصة مسجلة

ال @property الحكم و CSS.registerProperty() أصبحت الطريقة الثابتة خط الأساس متاح حديثًا في يوليو 2024.

ال font-size-adjust ملكية

ال font-size-adjust تحافظ خاصية CSS على حجم النص الواضح ، بغض النظر عن الخط المستخدم ، عن طريق تحجيم الخطوط بنفس الحجم فيما يتعلق بمقياس معين ، مثل X-Height. هذا يمكن أن يساعد في جعل خطوط العودة تبدو بنفس الحجم. أصبح خط الأساس متاح حديثا في يوليو 2024.

ال requestVideoFrameCallback() طريقة ل <video>

ال requestVideoFrameCallback() طريقة ل <video> جدولة وظيفة تعمل مع إطار الفيديو التالي. إنه مشابه ل requestAnimationFrame()، ولكن بالنسبة للفيديو ، وأصبح متاحًا حديثًا في أكتوبر 2024.

تصميم شريط التمرير مع scrollbar-width و scrollbar-gutter

ال scrollbar-width تضع خاصية CSS عرض شريط التمرير ، و
scrollbar-gutter تحتفظ مساحة لطفر التمرير ، مما يمنع تغييرات التصميم غير المرغوب فيها مع ظهور شريط التمرير ويختفي. أصبحوا خط الأساس متاح حديثًا في ديسمبر 2024.

ال transition-behavior ملكية

ال transition-behavior: allow-discrete يسمح إعلان CSS بتحولات الخصائص التي يكون سلوك الرسوم المتحركة منفصلة. لا يمكن تشجيع هذه الخصائص وتبديلها من قيمة البداية إلى القيمة النهائية بنسبة 50 ٪. أصبحت هذه الخاصية الأساس المتاحة حديثًا في أغسطس 2024.

text-wrap: balance

ال text-wrap تحدد خاصية CSS كيفية كسر الخطوط في النص الذي يفيض الحاوية. إنه اختصار ل text-wrap-style و text-wrap-mode. ال
balance تتيح لك القيمة إنشاء عناوين الصحف المتوازنة وغيرها من النصوص القصيرة. ال text-wrap أصبحت الممتلكات الأساس المتاحة حديثًا في مارس 2024.

بوبوفر

يتيح لك Popover إنشاء تراكبات بشكل معني باستخدام HTML ، أو مع
showPopover() طريقة. لقد جعل الأمر تقريبًا متاحًا حديثًا ، وفي الواقع اعتقدنا أنه في البداية ، ومع ذلك ، فإن مشكلة تنفيذ Safari تعني أنها لم تصل إلى حد كبير في عام 2024. والخبر السار هو أن المشكلة ثابتة في التيار Safari Beta 18.3 ، لذلك سنتمكن قريبًا من الإعلان بشكل صحيح عن Popover كخط أساسي متاح حديثًا.

إصلاحات للميزات الأساسية

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

CSS التعشيش

يسمح CSS Nesting باختيار أقصر ، وقراءة أسهل ، ومزيد من النموذج من خلال تعشيش قواعد داخل الآخرين. أصبح خط الأساس متاحًا حديثًا في ديسمبر 2023 ، وتم تضمينه في interop 2024 لإصلاح بعض المشكلات المتماثلة المتميزة.

الظل التصريحي دوم

ال shadowrootmode ميزة على <template> يخلق جذر الظل دون استخدام JavaScript. إنه بديل إعلاني لطريقة `kanckshadow ().

interop 2025 سيأتي قريبا

يتم الانتهاء من المقترحات في الوقت الحالي لـ Interop 2025 ، ونحن متحمسون للبناء على كل نجاحنا هذا العام. ابحث عن الإعلان في فبراير لمعرفة ما هو مدرج. للمتابعة مع الأشياء التي تهبط في الأساس ، تحقق من سلسلة من السطر الأساسي المتاح حديثًا على الويب.