المدونة

Container Queries: مكوّن يعرف حاويته، لا نافذة العرض

بطاقة المنتج نفسها تبدو رائعة في الشبكة الرئيسية وتنكسر في الشريط الجانبي الضيّق – رغم استعلامات وسائط مُختارة بعناية. المشكلة ليست في كودك، بل في السؤال الذي يطرحه استعلام الوسائط: عن عرض الشاشة، لا عن المساحة التي حصل عليها المكوّن فعليًا. أفحص كيف تنقل Container Queries هذا السؤال إلى حيث كان ينبغي أن يُطرح من البداية، وما الذي يحدث فعليًا تحت السطح حين يصبح العنصر «حاوية استعلام».

استخدام CSS Houdini: تطوير تأثيرات مخصصة غير متوفرة في CSS التقليدي

CSS Houdini ليست تقنية واحدة، بل مجموعة من المواصفات في مراحل نضج مختلفة تماماً. اكتشف أي جزء منها صالح اليوم للاستخدام في الإنتاج، وكيف يعمل @property وpaint worklet فعلياً، ولماذا لا يزال الباقي مجرد تجربة.