ما الأفضل في عمل المؤثرات وحركات الأنميشن الجافا سكريبت أم السي أس أس ؟

وعليكم السلام ورحمة الله وبركاته

أخي الكريم، للأجابة على هذا السؤال، بجب الوضع في الحسبان عدة نقاط مهمة قبل الإجابة وهي:

1) هل يقصد بالجافا سكربت (الجافا سكربت نفسها أم بوجود مكاتب أخرى مثل jQuery)

2) ال animation المطلوب onshot أو أكثر .. (يعني بتنفذ ال animation وبنتهي مثل عملية ال slidedown ..)

3) ماذا عن التحكم في ال animation ؟ وتتبعه ؟

4) ماذا عن ال 3D animation؟

5) ماذا عن التعقيد الخاص بالشيفرة البرمجية ؟

جميع هذه الأسئلة وغيرها يجب أن ترتبط بذهننا قبل طرح أي إجابة، وسأحوال بإذن الله تعالى أن أقدم اجابة مختصرة قدر الإمكان حول الموضوع:

أولا سأتحدث هنا عن الجافا سكربت pure (نفسها) دون أخذ المكتبة وذلك لأن استخدام مكتبة مثل ال jQuery سهل ويقلل من تعقيد الشيفرة البرمجية لكنه من ناحية الأداء performance أقل ..x10 تقريبا أبطئ من الجافا سكربت ..

في حالة ال on-shot animation استخدم ال css، مثل استخدام لعمل حركة لل slide menu أو tooltip ..

وفي حالة ال وجود complex animation أو multi-step animation استخدم الجافا سكربت مثل الألعاب أو حركات ال start - stop - puse .. الخ

في حالة وجود ئ 3D animation أو complex animation مع أدوات تحكم، فإن الأداء أفضل للجافا سكربت من حيث السرعة والقدرة على التحكم، لكن بذات الوقت، الشيفرة البرمجية الخاصية بالجافا سكربت أكثر تعقيدا منها لل css ...

الجافا سكربت طريقة عمله يتم على العنصر في كل حركة أو جزئية من جزيئاته بحيث يمكن التحكم ووقف وتغيير التنسيق وسرعة التنفيذ والتحكم بالعنصر ك object في أي مرحلة أو جزئية ترغب بهذا، وهذا لا يوفره ال css بدون الجافا سكربت ...

المحصلة لا تعني بأن css animation سيئة، بل العكس هي جيدة وجميلة في موقعها on-shot .. لكن مميزات الجافا سكربت تتخطاها في غير هذه الحالة والملخص يقول : 

JS animations are much more flexible and compatible.CSS is good, but JavaScript is the best

أتمنى أن تكون الإجابة مفيدة.

أخوك أنيس أبو حميد.

هناك تأثيرات لا يمكن فعلها ب css

مثل الضغط على زر و ظهور تأثير على شيء آخر غير الزر

وكما قلت فإن javascript مجال الحركيات فيها واسع

ويمكن بال javascript برمجة ألعاب

ولاكن هناك حركات يكون فعلها ب css أفضل من فعلها ب javascript

يا اخي سطر واحد بالجي كيوري سيعمل لك تاثير جميل يتطلب اسطر بال css

اذا كنت تهتم بالتأثيرات فالجي كيوري خيارك الافضل بالاضافه اللي سهولتها الكبيره عن الجافا سكريبت

وللعلم الجي كيوري هي مكتبه للجافا سكريب