Sal

Sal مكتبة خفيفة لتحريك العناصر أثناء التمرير، تركز على الأداء وتسهّل إضافة رسوم متحركة ديناميكية إلى عناصر الويب عند دخولها إلى نطاق العرض. وبحجم حزمة يقل عن 2.8 kb، تعمل دون أي تبعيات، ما يضمن تجربة استخدام سلسة.

تعتمد Sal على API Intersection Observer، فتكتشف بكفاءة ظهور العناصر على الشاشة وتُشغّل الرسوم المتحركة تبعًا لذلك. وتوفر هذه API أداءً مثاليًا، إذ تقلل بدرجة كبيرة الأعباء المرتبطة بمراقبة أحداث التمرير.

التكامل بسيط: بإضافة سمة `data-sal` إلى عناصر HTML، يستطيع المطورون تحديد تأثير الحركة المطلوب. ويمكن تخصيص خيارات مثل المدة والتأخير والتدرج باستخدام سمات بيانات إضافية أو متغيرات CSS، ما يمنح تحكمًا كاملًا في سلوك الحركة. وتشمل الحركات المدعومة تأثيرات التلاشي والانزلاق والتكبير والقلب وغيرها.

توفر Sal أيضًا ميزات متقدمة تتيح تعديل الخيارات بعد التهيئة، بما يدعم الاستجابة والتكيف وفق تفاعل المستخدم. كما تدعم مستمعات الأحداث للتعامل مع دخول العناصر إلى نطاق العرض أو خروجها منه، ما يجعلها مناسبة للتطبيقات التفاعلية التي تتطلب استجابة آنية لنشاط المستخدم أثناء التمرير.