هياكل التحميل

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

ووميض خفيف يعبر الكتل يقول «ما زال يعمل». يُرسم على ::after: طبقة بتدرّج تتحرّك بـ transform من خارج الكتلة إلى خارجها من الجهة الأخرى، والكتلة بـ position: relative وoverflow: hidden تحصره داخلها. وحركة لا تتوقّف هي أول ما يُطفأ لمن طلب تقليل الحركة.

الفخّ الشائع تحريك background-position بدل ذلك: يعمل، لكنه يعيد رسم الكتل في كل إطار، وtransform لا يعيده.