كل التدويناتAll posts
BLOGتصنيفCategory
حركةMotion
حركةMotion
4 دقايق قرايةmin read
Scroll-driven animations في CSS: حركة مع السكرول من غير جافاسكريبتCSS scroll-driven animations: scroll motion without JavaScript
شرح animation-timeline و scroll() و view() بأمثلة تنسخها، وإمتى تكفيك وإمتى لسه محتاج GSAP ScrollTrigger.animation-timeline, scroll() and view() with examples to copy, and when they are enough versus when you still need GSAP ScrollTrigger.
حركةMotion
3 دقايق قرايةmin read
View Transitions API: تبديل الوضع الليلي بدايرة بتكبرView Transitions API: a dark mode switch that grows as a circle
الكود اللي بيخلي الوضع الليلي في الموقع ده يفتح كدايرة من مكان الضغطة، سطر سطر، من غير أي مكتبة.The code that makes this site's dark mode open as a circle from the click point, line by line, with no library.
حركةMotion
3 دقايق قرايةmin read
حركة تخدم الموقع مش تبوظه: قواعدي مع GSAPMotion that helps, not hurts: my GSAP rules
ست قواعد بمشي عليها في أي حركة: المحتوى يظهر دايما، السكرول هو اللي يسوق، والصورة ما تتشوهش.Six rules for every animation: content always shows, scroll drives, and the portrait is never distorted.
