الإعلان عن كل شيء في مؤتمر Chrome Dev Summit لعام 2021

ملخّص لجميع الإشعارات الرئيسية من مؤتمر Chrome Dev Summit لعام 2021، مع الروابط التي تحتاجها لمعرفة المزيد من المعلومات.

تلخّص هذه المشاركة جميع الإشعارات الرئيسية من مؤتمر Chrome Dev Summit لعام 2021، وتتضمّن الروابط التي تحتاجها للاطّلاع على مزيد من المعلومات.

جعل الويب أكثر قابلية للعمل التفاعلي

التوافق مع الويب هو أحد أكبر التحديات التي تواجه مطوّري الويب، ولذا تعمل Google مع موردي المتصفحات الآخرين لمعالجة أهم خمس مشاكل متعلّقة بالتوافق: flexbox وgrid وposition: sticky وaspect-ratio وtransforms.

لقد أدى العمل بالفعل إلى تحسينات في هذه المجالات الرئيسية. يمكنك الاطّلاع على مزيد من المعلومات عن هذه الإصدارات في تحديث منتصف العام لعام 2021 لشركة Compat 2021.

السماح بتشغيل فئات جديدة من التطبيقات على الويب

Project Fugu هو مشروع يهدف إلى السماح بفئات جديدة من التطبيقات على الويب. يمكنك الاطّلاع على آخر المعلومات حول مستوى التقدّم في واجهات برمجة تطبيقات Fugu على الرابط fugu-tracker.web.app.

أعلنت Adobe مؤخرًا أنها ستوفّر برنامج Photoshop للويب، وهو إنجاز إنجاز تم تحقيقه من خلال التعاون بين Adobe وGoogle ومؤسسات معايير الويب. يمكنك الاطّلاع على مزيد من المعلومات في المشاركة التي تتناول رحلة استخدام Photoshop إلى الويب.

ضمان الخصوصية

تعتمد العديد من وظائف الويب الشائعة على ملفات تعريف الارتباط التابعة لجهات خارجية وآليات التتبُّع عبر المواقع الإلكترونية الأخرى التي لم يتم تصميمها مع مراعاة الخصوصية، ما يجعل من الصعب على المطوّرين تلبية الحاجة المتزايدة إلى الخصوصية.

نعمل مع منتدى الويب والجهات المعنيّة في المجال لتطوير تقنيات جديدة للحفاظ على الخصوصية لدعم المنظومة المتكاملة، وذلك بهدف الإيقاف التدريجي لملفات تعريف الارتباط التابعة لجهات خارجية والحدّ من التتبُّع الخفيّ والبصمات الرقمية الخاصة بالمتصفّح.

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

تحسين "مؤشرات أداء الويب الأساسية"

لقد تعاونّا مع مطوّري أطر عمل JavaScript الرائجة لتحسين "مؤشرات أداء الويب الأساسية"، وفي هذا الإطار، رصدنا مقياسَين جديدَين تسرّنا معرفة آرائك وملاحظاتك حولهما. يمكنك الاطّلاع على الاستجابة الشاملة والسلاسة، ثم أخبِرنا برأيك.

تمّ الإعلان أيضًا عن طرح إصدار محدَّث من إحصاءات PageSpeed، وهي لوحة مسجّلة جديدة لأدوات مطوري البرامج في Chrome تتوفّر حاليًا في إصدار Canary، وواجهة برمجة تطبيقات جديدة لتدفق المستخدم في Lighthouse.

تفعيل الميزات الجديدة للنظام الأساسي للويب

يمثل RenderingNG إعادة هيكلة لمحرك العرض في Chromium، وهو مشروع يعمل على إصلاح الأخطاء التي طال انتظارها في Chrome، بالإضافة إلى إتاحة ميزات جديدة. ويشمل ذلك ميزة واحدة كانت أكثر طلبات مطوّري البرامج على الويب لسنوات عديدة، وهي طلبات البحث في الحاويات.

تبدو استعلامات الحاويات مألوفة لأي شخص سبق له استخدام استعلام عن الوسائط لإنشاء تصميم سريع الاستجابة. ومع ذلك، تسمح لك هذه الفلاتر بالاستعلام عن حجم الحاوية التي يوجد فيها المكون التابع لك داخل الاستعلام عن حجم إطار العرض. تعمل Google على تنفيذ فترة تجريبية للمواصفات الناشئة خلف علامة #enable-container-queries في Chrome.

اقرأ منشور المدوّنة الذي تتناول RenderingNG بالتفصيل، أو شاهِد هذا الفيديو لمعرفة كل التفاصيل الأساسية حول كيفية الاستفادة من هذا العمل لإتاحة ميزات كان يُعتقد سابقًا أنّه من المستحيل الحصول عليها.

مساعدتك في إنشاء مواقع إلكترونية رائعة وسريعة الاستجابة

يتخطى التصميم سريع الاستجابة الجديد حجم الشاشة أو الحاوية فحسب. يمكنك التعرّف على كيفية إنشاء مواقع إلكترونية حديثة سريعة الاستجابة في دورتنا التدريبية تعلم التصميم. سيتم إطلاق أول خمس وحدات اليوم، وسيتم نشر الباقي خلال الأسابيع المقبلة.

تمت إضافة خصائص CSS الجديدة إلى Chrome والمتصفحات الأخرى هذا العام لتسهيل عملية إنشاء تجارب رائعة. اطّلِع على مزيد من المعلومات عن accent-color وsize-adjust.

لمساعدتك على الاستفادة بسرعة من CSS الجديد، أطلقنا مجموعة من أنماط التنسيقات. ستمنحك هذه الأمثلة نقطة انطلاق قوية للعديد من أنماط الواجهة الشائعة.

تقديم دورات تدريبية لمساعدتك في تعلُّم تكنولوجيا الويب

بالإضافة إلى "تعلم التصميم"، سنطلق وحدات جديدة حول تعلم CSS، وهي دورتنا التدريبية الشاملة حول CSS في وقت سابق من هذا العام.

لقد طورنا أيضًا دورة تدريبية كاملة لمساعدتك في تصميم نماذج عملية ويسهل الوصول إليها—تعرَّف على النماذج. إلى جانب هذه الدورات التدريبية، يمكنك العثور على الوحدات القليلة الأولى من Learn PWA.