مذكرات سعيد
اتقرأ🔖

🗺️ الخريطة

البدايةفصل واحد
فصل ١الحركة في Filee جاية منين؟#طريقتين #٣ مكونات #خريطة الويب
الأساسفصل واحد
فصل ٢الـ Easing و BackEaseOut — ونرسمه على canvas#منحنى #overshoot #c1 = 1.55 #canvas
اللي في Fileeفصل واحد
فصل ٣اللي في Filee — زراير، chips، ألوان، sidebar، toast، صفحات#scale(0.95) #scale(1.05) #translateX(3px) #0.15s #keyframes
من خياليفصل واحد
فصل ٤من خيالي — dropdown و select و tabs و modal و switch و tooltip و accordion#stagger #transform-origin #فتح بنطة #قفل سريع #delay
الدونتفصل واحد
فصل ٥الدونت — رسم بإيدك + spring + stagger#spring #critical damping #MaxStep 1/120 #OpenStagger 28ms
بعدهافصلين
فصل ٦التلميع — حركة أقل، ومقاسات، وإزاي تبني نظام حركة#reduced motion #tokens #٣ مدد #٣ منحنيات
الآخرCheat Sheet: عايز الحركة دي؟ اعمل كده#cheatsheet #easing #spring #stagger

المذكرة ماشية على ٦ فصول + شيت، وفيها ديموهات حية: زراير تدوس عليها، dropdown تفتحه، دونت على canvas بيتحرك بـ spring زي Filee بالظبط، ورسمة بتشوف فيها منحنى الـ BackEaseOut وهو بيترسم.