استكشاف Chrome
الاستعداد لعرض متصفّح Chrome على Android على الشاشة بالكامل
ستصبح شاشة Chrome على أجهزة Android مملوءة من الحافة إلى الحافة اعتبارًا من الإصدار 135.
- Chrome
دليل نقل البيانات من جهاز Android إلى آخر في متصفّح Chrome
إنشاء تجارب ويب شاملة
ترقية دالة attr() في CSS
يمكنك الآن استخدام دالة attr() مع أيّ سمة CSS، بما في ذلك السمات المخصّصة، ويمكنها تحليل القيم إلى أنواع بيانات غير السلاسل.
- Chrome
CSS Wrapped 2024
انضم إلى فريق Chrome DevRel وديناصور Chrome المتزلّج في رحلة عبر أحدث إصدار من CSS الذي تم إطلاقه لمتصفّح Chrome ومنصّة الويب في عام 2024.
الميزات الجديدة في الإصدار 131 من Chrome
نحن بصدد طرح الإصدار 131 من Chrome الآن. المزيد من أنماط CSS لعنصر التفاصيل، وتنسيق طباعة أسهل باستخدام مربّعات هوامش الصفحة، والمزيد
- Chrome
مزيد من خيارات التصميم <details>
يمكنك الآن ضبط نوع العرض وتصميم الحاوية أيضًا للجزء الذي يتم توسيعه وتصغيره باستخدام العنصر النائب الجديد ::details-content.
الميزات الجديدة في الإصدار 130 من Chrome
نحن بصدد طرح الإصدار 130 من Chrome الآن. تمنحك ميزة "نافذة ضمن النافذة" مزيدًا من التحكم في نوافذ ميزة "نافذة ضمن النافذة"، كما تعمل تعريفات CSS المتداخلة على حل بعض الحالات المعقدة على الحافة، كما يمكنك تحديد سلوك زخارف العناصر المنقسمة على خطوط متعددة. يقدّم "بيت ليبيت" كل التفاصيل حول الميزات الجديدة للمطوّرين في الإصدار 130 من Chrome.
- Chrome
انتقالات عرض المستند نفسه لتطبيقات الصفحة الواحدة
يمكنك بدء استخدام عمليات نقل عرض المستند نفسه لاستخدامها في تطبيق من صفحة واحدة.
استخدام ميزة "الحركة إلى الارتفاع: تلقائي" (وكلمات المرور الأخرى ذات الصلة بالحجم الأساسي) في CSS
إضافة تأثيرات متحركة إلى الكلمات الرئيسية ذات الحجم التلقائي ومنها باستخدام interpolate-size وcalc-size()
المفاهيم الخاطئة حول انتقالات المشاهدات
نظرًا لتزايد عدد الأشخاص الذين بدأوا في النظر في واجهة برمجة تطبيقات View Transition API، حان الوقت لتصحيح بعض المفاهيم الخاطئة.
- Chrome
آخر الأخبار حول CSS وواجهة مستخدم الويب: ملخّص مؤتمر I/O لعام 2024
يمكنك الاطّلاع على جميع الإشعارات حول CSS وواجهة المستخدم على الويب من مؤتمر Google I/O لعام 2024.
- Chrome
ما الجديد في انتقالات العرض؟ (تعديل على مؤتمر Google I/O لعام 2024)
الإعلان عن انتقالات العرض في المستندات المتعددة لـ MPA، وانتقالات انتقائية للعرض مع الأنواع النشطة، ومشاركة أنماط الصور المتحركة مع فئة انتقال المشاهدة.
- Chrome
دراسات حالة حول الرسوم المتحركة التي تعتمد على التمرير
اكتشِف مزايا الصور المتحركة التي تعتمد على التمرير في Policybazaar وredBus وTokopedia.
- Chrome
نقدّم لك ميزة "الاستفادة من فعالية الصور المتحركة التي تعتمد على التمرير"
دورة فيديو تدريبية من 10 أجزاء لمعرفة كل شيء عن الصور المتحركة التي تعتمد على الانتقال للأعلى أو للأسفل
- Chrome
اقتراح بديل لتصميم CSS
اقتراح لتعريف البناء والشبكة بمواصفات مختلفة.
- Chrome
انتقال سلس باستخدام واجهة برمجة التطبيقات View Transition API
تتيح لك واجهة برمجة تطبيقات View Transition API إضافة انتقالات بين طرق العرض الخاصة بموقع إلكتروني.
عناصر انتقال عرض متعددة المستندات للتطبيقات المتعددة الصفحات
يمكنك بدء استخدام عمليات نقل العرض بين المستندات لاستخدامها في تطبيقك المتعدّد الصفحات (MPA).
التغييرات في الاكتساب على صفحات الأنماط المتتالية (CSS) ::backdrop
اعتبارًا من Chrome 122، يكتسِب العنصر `::backdrop` الخصائص من عنصره الأصلي.
- Chrome
نمط شريط التمرير
استخدِم السمتَين "scrollbar-width" و"scrollbar-color" لتنسيق أشرطة التمرير.
قائمة أكورديون حصرية
إنشاء قائمة أكورديون حصرية تحتوي على عناصر `` متعددة' لها نفس `الاسم`.
تاريخ الانتهاء من إعداد خدمة مقارنة الأسعار (CSS) لعام 2023
كان 2023 عامًا مليئًا بخدمة مقارنة الأسعار (CSS). تعرَّف على ما حدث في Chrome وعبر النظام الأساسي للويب هذا العام.
- Chrome
الحدّ من مدى وصول أدوات الاختيار باستخدام CSS @scope at-rule
تعرَّف على كيفية استخدام @scope لتحديد العناصر فقط ضمن شجرة فرعية محدودة من عناصر DOM.
إنشاء منحنيات رسوم متحركة معقدة في CSS باستخدام دالة الإيقاع Line()
نقدّم لك Line()، وهي دالة تخفيف في CSS تؤدي إلى نقاط خطية بين نقاطها، ما يسمح لك بإعادة إنشاء تأثيرات الارتداد والربيع.
الميزات الجديدة في CSS وواجهة المستخدم: إصدار مؤتمر I/O 2023
أبرز 20 ميزة من ميزات CSS وواجهة المستخدم التي لا تريد تفويتها في مؤتمر Google I/O لعام 2023.
- Chrome
تحريك العناصر أثناء التمرير باستخدام الرسوم المتحركة المستندة إلى التمرير
تعرَّف على طريقة العمل باستخدام "المخططات الزمنية للتمرير" و"عرض المخططات الزمنية" لإنشاء صور متحركة تستند إلى الانتقال للأسفل أو للأعلى بطريقة إعلامية.
تداخل خدمة مقارنة الأسعار (CSS)
تم دمج إحدى ميزات المعالجات التمهيدية لـ CSS المفضلة الآن في اللغة: قواعد الأنماط المتداخلة.
المساعدة في اختيار بنية تداخل CSS
تواصل مجموعة عمل CSS مناقشة أفضل طريقة لتعريف الدمج في CSS. نحن بحاجة إلى مساعدتك إذا كنت متخصصًا في كتابة صفحات الأنماط المتتالية (CSS).
- Chrome
الاستعداد للتغييرات التي ستطرأ على سلوك تغيير حجم إطار العرض في Chrome على نظام التشغيل Android
التغييرات التي ستطرأ على سلوك تغيير حجم إطار العرض في الإصدار Chrome 108، وسبب إجراء Chrome لهذا التغيير، والإجراءات التي يمكنك اتخاذها للاستعداد.
- Chrome
الجديد في Chrome 106
يتم طرح الإصدار 106 من Chrome الآن. تتوفّر واجهات برمجة التطبيقات Intl API الجديدة التي تمنحك مزيدًا من التحكُّم عند تنسيق الأرقام. تتوفّر تجربة لمعرفة المصدر لواجهة برمجة التطبيقات Pop Up API الجديدة، ما يسهّل عرض المحتوى المهم للمستخدمين. هناك عدد قليل من تحسينات CSS. وغير ذلك الكثير.
- Chrome
تصحيح أخطاء الويب الحديث في "أدوات مطوري البرامج في Chrome"
يمكنك إلقاء نظرة على بعض التغييرات الحديثة في "أدوات مطوري البرامج في Chrome" والتي تعمل على تحسين تجربة تصحيح الأخطاء وتحديد الملفات الشخصية عند التعامل مع برامج الحِزم وأُطر العمل والرموز البرمجية التابعة لجهات خارجية.
- Chrome
دراسة حالة: تصحيح الأخطاء في Angular بشكل أفضل باستخدام أدوات مطوري البرامج
باستخدام Angular كإصدار تجريبي تجريبي، تعاون فريقا أدوات مطوّري البرامج في Chrome وAngular لتقديم تجربة أفضل لتصحيح الأخطاء. يمكن لأطر العمل الأخرى إرسال تغييرات مماثلة.
- Chrome
ستصل الطبقات المتتالية إلى المتصفح
"طبقات التتالي هي واجهة برمجة تطبيقات جديدة لـ CSS تساعدك في إدارة أسبقية التسلسلات البرمجية التي تصل إلى جميع المتصفحات الحديثة قريبًا."
- Chrome
الجديد في Chrome 89
سيتم طرح الإصدار 89 من Chrome الآن. تمت ترقية كل من WebHID وWebNFC وWeb Serial من مرحلة التجربة الأصلية، كما تتوفّر الآن بالإصدارات الثابتة. نعمل على إغلاق ثغرة استخدمها بعض المطوّرين لتجاوز عمليات التحقّق من إمكانية تثبيت تطبيق الويب التقدّمي (PWA). ويتم عرض "المشاركة على الويب" و"هدف مشاركة الويب" على أجهزة الكمبيوتر المكتبي. وهناك الكثير من الميزات الأخرى
- Chrome
滚动贴靠事件
引入了两个新的 JavaScript 事件:scrollSnapChange 和 scrollSnapChanged。
- Chrome
为什么 CSS 和界面功能对您的电子商务网站很重要?
了解电子商务网站如何从实现最新的 CSS 和界面功能(视图转换、滚动驱动的动画、Popover API 等)中受益。
- Chrome
How NRK uses scroll-driven animations to bring stories to life
Learn how scroll-driven and scroll-triggered animations enhance storytelling articles
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox