تاريخ النشر: 2 مارس 2026
مرحبًا بك في عدد يناير 2026 من ملخّص Baseline. نقدّم كل شهر أبرز الميزات الجديدة التي حقّقت إنجازات جديدة في Baseline، ما يساعدك في معرفة الأدوات الجاهزة للاستخدام في مشاريعك اليوم.
كان شهر يناير بداية رائعة للعام، إذ انتقلت فيه العديد من واجهات برمجة التطبيقات ووحدات CSS المهمة إلى فئة "متاحة حديثًا"، كما أصبح تحسين كبير في التنسيق متاحًا على نطاق واسع.
الميزات الجديدة الأساسية
أصبحت ميزات الويب التالية متوافقة مع Baseline Newly في يناير 2026.
انتقال "العرض النشط"
أصبحت الفئة الصورية
:active-view-transition في CSS
متوفّرة الآن في Baseline Newly. تتيح أداة الاختيار هذه للمطوّرين استهداف العنصر الجذر في المستند وتنسيقه بشكل خاص أثناء تنفيذ انتقال العرض. ويكون ذلك مفيدًا بشكل خاص لتطبيق أنماط أو تعديلات عامة
يجب أن تكون متاحة فقط خلال فترة الانتقال، مثل تغيير
لون خلفية التراكب الانتقالي أو تعديل z-index لطبقات معيّنة
لضمان سلاسة التدفق المرئي.
وحدات JavaScript في مشغّلات الخدمات
تتوافق الآن برامج Service Worker مع وحدات JavaScript
في جميع محركات المتصفحات الرئيسية. من خلال ضبط الخيار type: 'module' عند استدعاء navigator.serviceWorker.register()، يمكنك استخدام عبارات import وexport العادية ضمن نص البرمجة الخاص بعامل الخدمة. يؤدي ذلك إلى توافق عاملي الخدمة مع ممارسات تطوير JavaScript الحديثة، ما يتيح تنظيم الرموز بشكل أفضل، وإدارة التبعيات بسهولة أكبر، وإمكانية مشاركة الرموز بين سلسلة التعليمات الرئيسية وعامل الخلفية.
Navigation API
توفّر Navigation API بديلاً عصريًا ومصمَّمًا خصيصًا لواجهة History API القديمة،
وهي مصمَّمة خصيصًا لتلبية احتياجات التطبيقات ذات الصفحة الواحدة (SPA). وتوفّر طريقة مركزية لبدء جميع أنواع إجراءات التنقّل واعتراضها وإدارتها، بما في ذلك الإجراءات التي يتم تشغيلها بواسطة زري الرجوع والتقديم في المتصفّح. باستخدام أحداث مثل Maps، يمكن للمطوّرين تنفيذ توجيه أكثر سلاسة من جهة العميل مع استخدام قدر أقل من الرموز النموذجية. لمزيد من التفاصيل حول تأثير هذا التغيير في طريقة إنشاء المحتوى على الويب، يمكنك الاطّلاع على مشاركة المدونة المخصّصة: التوجيه الحديث من جهة العميل: Navigation API.
rcap وحدة CSS
وحدة rcap
هي وحدة طول نسبية إلى الخط الأساسي تساوي "ارتفاع الحرف الكبير" (الارتفاع الاسمي
للأحرف الكبيرة) لخط العنصر الأساسي. يتيح ذلك إنشاء تنسيقات طباعية دقيقة تتناسب مع الخط الطباعي الأساسي المستخدَم على الموقع الإلكتروني، وليس مع حجم الخط فقط.
rch وحدة CSS
على غرار وحدة ch ولكن بالنسبة إلى عنصر الجذر، تمثّل وحدة rch العرض، أو بشكل أكثر تحديدًا، مقياس التقدّم، للرمز الرسومي "0" (صفر) في خط عنصر الجذر. وهي مثالية لإنشاء تنسيقات تعتمد على عرض الأحرف، مثل حاوية يجب أن تتناسب بدقة مع عدد معيّن من الأحرف في الخط الأساسي.
rex وحدة CSS
وحدة rex
هي
الإصدار النسبي إلى عنصر الجذر من ex، وهي تساوي ارتفاع x لخط عنصر الجذر. تكون هذه الوحدة مفيدة بشكل خاص للمحاذاة العمودية وتحديد حجم العناصر بالنسبة إلى ارتفاع الأحرف الصغيرة في الخط الأساسي لمستندك.
ric وحدة CSS
ric الوحدة هي
النظير النسبي إلى الجذر ic الوحدة. وهي تساوي مقياس التقدّم "الأيديولوجي" (عادةً عرض أو ارتفاع الأيديولوجية الصينية واليابانية والكورية) لخط العنصر الجذر. وهذه أداة مهمة للمطوّرين الذين ينشئون تخطيطات متوافقة مع لغات متعددة، خاصةً تلك التي تستخدم نصوصًا صينية أو يابانية أو كورية.
الميزات الأساسية المتاحة على نطاق واسع
أصبحت ميزات الويب التالية متاحة على نطاق واسع في Baseline في يناير 2026.
خاصية display في CSS ذات القيمتين
أصبحت
بنية الكلمات الرئيسية المتعدّدة للسمة display
متوفّرة الآن على نطاق واسع في Baseline. يتيح لك هذا التعديل تحديد نوعَي العرض "الخارجي" و "الداخلي" لمربّع بشكل صريح. على سبيل المثال، بدلاً من inline-flex المدمجة مسبقًا، يمكنك استخدام display: inline flex. يوضّح هذا التغيير ما إذا كان العنصر يشارك في التدفق على مستوى الكتلة أو على مستوى السطر (النوع الخارجي) وكيفية ترتيب العناصر الفرعية (النوع الداخلي، مثل flex أو grid). ويجعل هذا التغيير محرك تخطيط CSS أكثر منطقية واتساقًا للمطوّرين.
خاصية animation-composition في CSS
تحدّد الخاصية animation-composition طريقة تفاعل الصور المتحركة المتعددة عندما تؤثر في الخاصية نفسها في الوقت نفسه. يمكنك الاختيار بين replace أو add أو accumulate، ما يمنحك تحكّمًا دقيقًا في طريقة احتساب الرسوم المتحركة المعقّدة والمتعدّدة الطبقات.
مصفوفة حسب النسخ
يتضمّن JavaScript الآن
طُرقًا تتيح لك تحويل المصفوفات
بدون تغيير البيانات الأصلية. تُرجع طرق مثل toReversed() وtoSorted() وtoSpliced() نسخة جديدة معدَّلة من المصفوفة، ما يعزّز أسلوب برمجة أكثر فعالية وأمانًا.
ساعِدنا في تحسين أدائنا
وكالعادة، يُرجى إعلامنا إذا فاتنا أي شيء متعلق بـ Baseline، وسنحرص على تضمينه في إصدار مستقبلي. إذا كانت لديك أي أسئلة أو أردت تقديم ملاحظات حول Baseline، يمكنك إبلاغنا عن مشكلة في أداة تتبُّع المشاكل.