يردّ فريق Chrome على المخاوف التي يطرحها المنتدى.

ستصبح شاشة Chrome على أجهزة Android مملوءة من الحافة إلى الحافة اعتبارًا من الإصدار 135.

إنشاء تجارب ويب شاملة

تعرَّف على كيفية تحسين الرسوم المتحرّكة التي يتم تشغيلها من خلال الانتقال إلى الأسفل أو للأعلى في المقالات التي تروي القصص.

يمكنك الآن استخدام دالة attr() مع أيّ سمة CSS، بما في ذلك السمات المخصّصة، ويمكنها تحليل القيم إلى أنواع بيانات غير السلاسل.

انضم إلى فريق Chrome DevRel وديناصور Chrome المتزلّج في رحلة عبر أحدث إصدار من CSS الذي تم إطلاقه لمتصفّح Chrome ومنصّة الويب في عام 2024.

نحن بصدد طرح الإصدار 131 من Chrome الآن. المزيد من أنماط CSS لعنصر التفاصيل، وتنسيق طباعة أسهل باستخدام مربّعات هوامش الصفحة، والمزيد

يمكنك الآن ضبط نوع العرض وتصميم الحاوية أيضًا للجزء الذي يتم توسيعه وتصغيره باستخدام العنصر النائب الجديد ::details-content.

نحن بصدد طرح الإصدار 130 من Chrome الآن. تمنحك ميزة "نافذة ضمن النافذة" مزيدًا من التحكم في نوافذ ميزة "نافذة ضمن النافذة"، كما تعمل تعريفات CSS المتداخلة على حل بعض الحالات المعقدة على الحافة، كما يمكنك تحديد سلوك زخارف العناصر المنقسمة على خطوط متعددة. يقدّم "بيت ليبيت" كل التفاصيل حول الميزات الجديدة للمطوّرين في الإصدار 130 من Chrome.

يمكنك بدء استخدام عمليات نقل عرض المستند نفسه لاستخدامها في تطبيق من صفحة واحدة.

إضافة تأثيرات متحركة إلى الكلمات الرئيسية ذات الحجم التلقائي ومنها باستخدام interpolate-size وcalc-size()

نظرًا لتزايد عدد الأشخاص الذين بدأوا في النظر في واجهة برمجة تطبيقات View Transition API، حان الوقت لتصحيح بعض المفاهيم الخاطئة.

يمكنك الاطّلاع على جميع الإشعارات حول CSS وواجهة المستخدم على الويب من مؤتمر Google I/O لعام 2024.

الإعلان عن انتقالات العرض في المستندات المتعددة لـ MPA، وانتقالات انتقائية للعرض مع الأنواع النشطة، ومشاركة أنماط الصور المتحركة مع فئة انتقال المشاهدة.

اكتشِف مزايا الصور المتحركة التي تعتمد على التمرير في Policybazaar وredBus وTokopedia.

دورة فيديو تدريبية من 10 أجزاء لمعرفة كل شيء عن الصور المتحركة التي تعتمد على الانتقال للأعلى أو للأسفل

اقتراح لتعريف البناء والشبكة بمواصفات مختلفة.

تتيح لك واجهة برمجة تطبيقات View Transition API إضافة انتقالات بين طرق العرض الخاصة بموقع إلكتروني.

يمكنك بدء استخدام عمليات نقل العرض بين المستندات لاستخدامها في تطبيقك المتعدّد الصفحات (MPA).

اعتبارًا من Chrome 122، يكتسِب العنصر `::backdrop` الخصائص من عنصره الأصلي.

استخدِم السمتَين "scrollbar-width" و"scrollbar-color" لتنسيق أشرطة التمرير.

إنشاء قائمة أكورديون حصرية تحتوي على عناصر `` متعددة' لها نفس `الاسم`.

كان 2023 عامًا مليئًا بخدمة مقارنة الأسعار (CSS). تعرَّف على ما حدث في Chrome وعبر النظام الأساسي للويب هذا العام.

تعرَّف على كيفية استخدام @scope لتحديد العناصر فقط ضمن شجرة فرعية محدودة من عناصر DOM.

نقدّم لك Line()، وهي دالة تخفيف في CSS تؤدي إلى نقاط خطية بين نقاطها، ما يسمح لك بإعادة إنشاء تأثيرات الارتداد والربيع.

أبرز 20 ميزة من ميزات CSS وواجهة المستخدم التي لا تريد تفويتها في مؤتمر Google I/O لعام 2023.

تعرَّف على طريقة العمل باستخدام "المخططات الزمنية للتمرير" و"عرض المخططات الزمنية" لإنشاء صور متحركة تستند إلى الانتقال للأسفل أو للأعلى بطريقة إعلامية.

تم دمج إحدى ميزات المعالجات التمهيدية لـ CSS المفضلة الآن في اللغة: قواعد الأنماط المتداخلة.

تواصل مجموعة عمل CSS مناقشة أفضل طريقة لتعريف الدمج في CSS. نحن بحاجة إلى مساعدتك إذا كنت متخصصًا في كتابة صفحات الأنماط المتتالية (CSS).

التغييرات التي ستطرأ على سلوك تغيير حجم إطار العرض في الإصدار Chrome 108، وسبب إجراء Chrome لهذا التغيير، والإجراءات التي يمكنك اتخاذها للاستعداد.

يتم طرح الإصدار 106 من Chrome الآن. تتوفّر واجهات برمجة التطبيقات Intl API الجديدة التي تمنحك مزيدًا من التحكُّم عند تنسيق الأرقام. تتوفّر تجربة لمعرفة المصدر لواجهة برمجة التطبيقات Pop Up API الجديدة، ما يسهّل عرض المحتوى المهم للمستخدمين. هناك عدد قليل من تحسينات CSS. وغير ذلك الكثير.

يمكنك إلقاء نظرة على بعض التغييرات الحديثة في "أدوات مطوري البرامج في Chrome" والتي تعمل على تحسين تجربة تصحيح الأخطاء وتحديد الملفات الشخصية عند التعامل مع برامج الحِزم وأُطر العمل والرموز البرمجية التابعة لجهات خارجية.

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

"طبقات التتالي هي واجهة برمجة تطبيقات جديدة لـ CSS تساعدك في إدارة أسبقية التسلسلات البرمجية التي تصل إلى جميع المتصفحات الحديثة قريبًا."

سيتم طرح الإصدار 89 من Chrome الآن. تمت ترقية كل من WebHID وWebNFC وWeb Serial من مرحلة التجربة الأصلية، كما تتوفّر الآن بالإصدارات الثابتة. نعمل على إغلاق ثغرة استخدمها بعض المطوّرين لتجاوز عمليات التحقّق من إمكانية تثبيت تطبيق الويب التقدّمي (PWA). ويتم عرض "المشاركة على الويب" و"هدف مشاركة الويب" على أجهزة الكمبيوتر المكتبي. وهناك الكثير من الميزات الأخرى

Introducing two new JavaScript events: scrollSnapChange and scrollSnapChanging.

Learn how ecommerce sites benefit from implementing the latest CSS and UI features—View Transitions, Scroll-driven animations, Popover API, and more.

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.