- يضيف الإصدار 57 من Chrome
display: grid، وهو مواصفة التنسيق الجديد لشبكة CSS. - يمكنك الآن تخصيص إدخالات المستخدم والردّ عليها على شاشة القفل و الإشعارات باستخدام واجهة برمجة التطبيقات الجديدة Media Session API.
- وهناك الكثير غير ذلك.
اسمي بيت ليبيت، ونريد أن نطلعك على الميزات الجديدة للمطوّرين في الإصدار 57 من Chrome.
تنسيق الشبكة في CSS
Flexbox هي أداة قوية لتنسيق العناصر. تتيح هذه الطريقة إنشاء العديد من التنسيقات المعقّدة،
ولكن لا يمكنها إنشاء تنسيق إلا في سمة واحدة. يتيح الإصدار 57 من Chrome استخدام display: grid، وهو مواصفة CSS Grid Layout الجديدة، ما يضيف أداة جديدة وفعّالة لإنشاء أنظمة تنسيق مستندة إلى شبكة ثنائية الأبعاد، تم تحسينها لتصميم واجهة مستخدم سريعة الاستجابة.
يمكن أن تمتد العناصر داخل الشبكة على أعمدة أو صفوف متعددة. يمكن أيضًا تسمية المناطق في شبكة CSS، ما يسهّل فهم رمز التنسيق.
نشرت "سورما" مقالة حول التحديثات حول هذا الموضوع، وعندما تكون مستعدًا للتعمّق أكثر، يمكنك الاطّلاع على موقع راشيل أندرو الإلكتروني: GridByExample.com.
Media Session API
كانت إحدى الميزات غير المتوفّرة في تطبيقات الوسائط على الويب هي القدرة على الدمج بشكلٍ عميق مع تجربة الوسائط الأساسية على الأجهزة الجوّالة. في متصفّح Chrome لأجهزة Android، يمكنك الآن تخصيص شاشة القفل والإشعارات باستخدام محتوى الوسائط باستخدام واجهة برمجة التطبيقات الجديدة Media Session API.
من خلال تقديم بيانات وصفية للمتصفّح عن المحتوى الذي يتم تشغيله، يمكنك إنشاء رسائل غنية على شاشة القفل تتضمّن معلومات مثل العنوان والفنان واسم الألبوم والعمل الفني. يمكنك أيضًا الاستماع إلى إجراءات المستخدم التي يتم اتّخاذها في الإشعار نفسه، مثل التقديم أو التخطّي، والردّ عليها.
إذا أردت البدء بسرعة، يمكنك الاطّلاع على مشاركات رائعة من "فرنسوا"، أو الاطّلاع على مستودع نماذج جلسات الوسائط في Chrome الرسمي على GitHub.
وغير ذلك
وهناك الكثير غير ذلك.
- تم إجراء بعض التحسينات على Payment Request API.
- يمكنك تحديد لون مؤشر إدخال النص باستخدام السمة
caret-color. - يمكن تحديد التأثيرات المرئية، مثل لون الخط ونمطه، باستخدام سمات
text-decorationجديدة. - أصبحت فئة الاستجابة في Fetch API متوافقة الآن مع السمة
.redirectedللمساعدة في تجنّب الردود غير الموثوق بها والحدّ من خطر استخدام إعادة توجيه مفتوحة. - تمت إزالة جميع الأسماء البديلة الشاملة IndexedDB التي تبدأ بالبادئة
-webkit-، وذلك بعد نهائية استخدامها في الإصدار 38 من Chrome. - ومن الطرق المفضّلة لديّ، هما طريقتَي التنسيق الجديدتَين
padStartوpadEndالتي تبسّطان عملية ملء السلسلة عند محاذاة إخراج وحدة التحكّم أو طباعة الأرقام بعدد ثابت من الأحرف.
هذه ليست سوى بعض التغييرات في الإصدار 57 من Chrome المخصّص للمطوّرين.
تحية إلى Igalia
أخيرًا، نشكر المهندسين والفريق في
Igalia على عملهم الرائع في Blink. وقد كان
للفريق دور أساسي في إطلاق ميزتَي CSS Grid وcaret-color الجديدة.
البقاء على اطّلاع
إذا كنت تريد البقاء على اطّلاع بآخر أخبار Chrome والميزات القادمة، احرص على الاشتراك في قناتنا أو متابعة حساب @ChromiumDev على Twitter. وننصحك أيضًا بمشاهدة الفيديوهات من قمة مطوّري Chrome للتعرّف بشكل أعمق على بعض الميزات الرائعة التي يعمل عليها فريق Chrome.
اسمي "بيت ليبيت"، وسأكون هنا لكي أطلعك على الميزات الجديدة في Chrome بعد طرح الإصدار 58.