حركة المواقع تستجيب للنقر والتمرير: W3C تنشر مسودة Animation Triggers
المسودة الأولى نُشرت اليوم20أكتوبر: اتجاه لربط تشغيل الحركة بتفاعل الزائر. ما الفكرة، وما الفرق بين مسودة جديدة وميزة جاهزة لكل المتصفحات؟

نشرت مجموعة CSS في W3C اليوم، 20 أكتوبر 2026، أول مسودة عمل عامة لمقترح Animation Triggers. الفكرة هي وصف ما يحرك الرسوم في واجهة الموقع: تفاعل الزائر مع عنصر، أو دخول نطاق معين في خط زمني للحركة والخروج منه. الخبر يهم مصممي الواجهات ومطوريها، خصوصًا من يريدون حركة لها سبب واضح داخل الصفحة.
ما الفرق عن حركة تبدأ فور فتح الصفحة؟
تصف المسودة خصائص CSS وواجهة برمجية تؤثر في تشغيل الحركة بناء على أحداث التفاعل. ويتناول نصها تشغيل الحركة أو إيقافها أو إعادة تشغيلها وربطها بمحفزات. للتقريب، تخيل عنصرًا يحتاج استجابة بصرية بعد تفاعل، بدل بدء كل شيء بمجرد تحميل الصفحة؛ هذا مثال توضيحي للفكرة، وليس تجربة توافق نفذناها على المتصفحات.
هل أصبحت معيارًا نهائيًا؟
لا. الوثيقة منشورة بوصفها أول مسودة عامة قابلة للتغيير، وليست توصية نهائية، ولا يعني نشرها أن W3C اعتمدت محتواها نهائيًا. كما أن الإعلان ليس جدولًا يثبت دعم الميزة في كل متصفح. افصل بين تقدم المقترح، ووجود تطبيق تجريبي له، ووصوله بصورة مستقرة إلى جمهور موقعك.
كيف تقرأ الخبر كمطور؟
اقتراح B52: ابدأ بسبب الحركة قبل اختيار التقنية. اسأل ما الذي يحتاج الزائر فهمه: هل حفظت العملية؟ هل فتح الجزء؟ هل انتقل إلى خطوة أخرى؟ إذا لم تستطع وصف الفائدة في جملة، فقد تكون الحركة زينة تزيد التشتيت. والمثال الجيد يجب أن يبقى مفهومًا عندما لا تعمل الحركة أصلًا.
- جرّب أي صياغة جديدة في نموذج معزول قبل ربطها بمسار مهم.
- تحقق من الدعم الفعلي في المتصفحات التي يستخدمها جمهورك.
- وفر حالة ثابتة واضحة، واحترم تفضيل تقليل الحركة.
- اختبر لوحة المفاتيح والجوال، ولا تجعل معلومة ضرورية تعتمد على التمرير وحده.
ماذا ننتظر بعد ذلك؟
الأهم هو تطور النص والتنفيذ والأدلة على التوافق. احتفظ برابط النسخة المؤرخة حتى تعرف ما الذي بنيت عليه رأيك، وقارن أي تحديث لاحق بها. لا ننصح باستبدال واجهة تعمل لمجرد إعلان مسودة؛ القيمة في تبسيط تفاعل مفيد مع الحفاظ على الوضوح وسهولة الاستخدام. هذا خبر عن اتجاه تطوير الويب، وليس وعدًا بسرعة أعلى أو استغناء كامل عن البرمجة.
المصادر والمراجع
تغطية تحريرية من B52؛ تفاصيل الإعلان متاحة في المصادر الرسمية أدناه.


