لذلك ، إستخدام مكتبات متخصصة ستسهل عليك العمل كثيرا ، أيضا ستوفر لك مساحة من أجل الحصول على أفكار إبداعية لبرمجيات قادمة بإستخدام تلك المكتبات ، و في شهر سبتمبر ، إخترنا لك صديقي المكتبات الآتية .
– Vivify :
نبدأ بمكتبة Vivify ، مكتبة Css رائعة و متميزة ، تقدم لك هذه المكتبة مجموعة من الخيارات الكثير من أجل إنشاء صفحات ذات Animations معينة ، تملك المكتبة عشرات و عشرات الـ Animations مما يجعلها مميزة ، يمكنك إختيار اي جزء من الـ DOM في صفحة الويب الخاصة بك ، و إضافة إسم كلاس لها يُعبر عن نوع الـ Animation الذي تريد ان تضيفه عليها ، مثل كلاس بإسم PopOutTop سيجعل من جزء الـ DOM ذاك يقوم بAnimation معين ، و هكذا ، كما يمكنك تلبية الـ Animation عبر الكليك او النقر على زر معين ، و ذلك بإستخدام الـ jQuery فالأمر سهل جدا .
– Lozad.js :
تعرفت على هذه المكتبة للتو ، و فور نشري لهذا الموضوع سأقوم بإستخدامها في موقعنا بالتأكيد ، و أردت ان اشاركها معكم في هذا الموضوع بالطبع ، إن الصراع الذي يعيش من أجله كل مبرمج ، هو سرعة الموقع ، فالكل يريد أن يجعل موقع سريعا قدر الإمكان ، و من المتعارف ان الصور تأخذ حصة الأسد من سرعة تحميل الصفحات في الويب ، و من هذا المنطلق ، ظهرت مكتبة Lozad.js ، تقوم هذه المكتبة بتحميل الصور فقط عند وقت الحاجة ، فإن كانت هناك صور مثلا في أسفل الصفحة فلا يتم تحميلها بالمرة الا عندما تقوم بعمل Scroll الى تلك الصور ، مما يسهل تحميل الصفحة .
تعرف اكثر على مكتبة Lozad.js .
– Stellar.js :
الـ Parallax ، هي خاصية رائعة في صفحات الويب تُمكنك من صناعة Scroll إحترافي في صفحات الويب مع بعض الصور الإحترافية ، فمن منا لا يريد ان يجعل الهبوط متناسقا مع صورة إحترافية تُقدم لك ستايل إحترافي بالتأكيد ؟ الكل يريد فعل ذلك ، يمكنك صناعة Parallax بإستخدام الـ Css ، لكن إن كنت تطمح لشيئ إحترافي و قابل للتعديل مع جميع عناصر الـ DOM ، فإننا ننصحك صديقي بمكتبة Stellar.js ، سهلة الإستخدام ، يكفي ان تقوم بإضافته للكود الخاص بك و إعطاء الـ ID او الـ Class للعنصر الذي تريد تطبيق عليه خاصية الـ Parallax ، و مبروك عليك .
للإطلاع على المكتبة و تحميلها .
– CSSgram :
مكتبة CSS جميلة لمحبي التعامل مع الصور على الويب ، تُمكنك هذه المكتبة من تطبيق فلترات الأنستغرام المعروفة على صور الويب الخاصة بك ، يمكنك من خلال المكتبة إدراج أشكال و فلترات مختلفة لجميع الصور في صفحاتك ، إستخدامها سهل جدا ، يكفي ان تقوم بإضافة المكتبة الى الكود الخاص بك ، و إعطاء إسم الفلتر على شكل كلاس للصورة ، و سيتم تطبيق الفلتر بإحترافية ، إن اردت ان تقوم بنفس الأمر بإستخدام الـ Css قد يتطلب منك الأمر وقتا و جهدا و كودا أكبر في الـ Css ، لذلك إستخدام مكتبة بسيطة مثل هذه ستسهل عليك الكثير من الأمور .
للتعرف أكثر على المكتبة .
– SweetAlert :
و نختم موضوعنا هذا بمكتبة SweetAlert ، مكتبة إحترافية جدا جدا جدا ، هذه المكتبة تسمح لك بتخصيص مجموعة من الـ Alerts بطريقة إحترافية و ب Animations خرافية حقا ، مع تناسق شديد و رهيب أيضا ، لاكون صريحا معك ، فقد سقطت في حب هذه المكتبة الرائعة ، إستخدامها جد جد سهل ، يكفي ان تضيفها للكود و بعدها تقوم بإضافة نوع الـ Alert الذي تريده عبر الجافاسكربت و في أي مكان تريد و أثناء أي Action مثل Click او Hover او اي كان ، ستذهلك أنت أيضا .
للتعرف على المكتبة و تحميلها .
Ask us a Question!