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

🗺️ الخريطة

البدايةفصل واحد
فصل ١خريطة الأنماط التسعة#layout #triggered #driven #performance
Layoutفصل واحد
فصل ٢Sticky و Scroll Snap — CSS بس#sticky #snap #scroll-padding
Triggeredفصل واحد
فصل ٣Scroll Triggered و Infinite Scroll — بيحصل لما يدخل#IntersectionObserver #sentinel #rootMargin
Drivenفصل واحد
فصل ٤Scroll Driven و Zoom و Parallax — الحركة ماشية مع الـ scroll#scroll() #view() #animation-range
الحكيفصل واحد
فصل ٥Horizontal Scroll و Scrollytelling — الـ scroll بيحكي#sticky track #view-timeline #steps
بعدهافصلين
فصل ٦تختار أنهي نمط وإزاي متبوّظش التجربة#a11y #performance #checklist
الآخرCheat Sheet: الـ ٩ أنماط في صفحة#cheatsheet #sticky #timeline #observer

المذكرة ماشية على ٥ فصول + فصل اختيار + شيت، وفيها ٩ ديموهات حية: في كل ديمو إطار صغير تعمل scroll جوّاه وتشوف النمط شغال قدامك، وتحته الكود.