البومة | إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر البومة

إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر

aqweeb 0
نصل و إياكم الى شهر سبتمبر ( أيلول ) ، و كما جربت العادة ، فإننا نختار للمبرمجين في كل شهر مجموعة من مكتبات الـ Css و أيضا الـ Javascript التي تساعدهم في القيام بأعمالهم البرمجية على الويب بطريقة أكثر سلاسة ، و لا يخفى عليك أن إستخدام مكتبات دائما يساعدك على إظهار جانب إبداعي لأعمالك البرمجية ، فبرمجة بعض الأكواد من الصفر قد يخلق لك العديد من المشاكل ، ناهيك على عدم الإحترافية في الكود ، و إن كان إحترافيا ، فانا متأكد انك ستضيع وقتا كثيرا في صناعته ، و العميل قد لا يحب ذلك أبدا .  و قبل ان نلج في الموضوع ، تعرف صديقي على المكتبات سابقة الذكر للأشهر السابقة : 

  1. إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر أغسطس
  2. إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر يوليو

//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js(adsbygoogle = window.adsbygoogle || []).push({});

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

– Vivify : 


إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر

 نبدأ بمكتبة Vivify ، مكتبة Css رائعة و متميزة ، تقدم لك هذه المكتبة مجموعة من الخيارات الكثير من أجل إنشاء صفحات ذات Animations معينة ، تملك المكتبة عشرات و عشرات الـ Animations مما يجعلها مميزة ، يمكنك إختيار اي جزء من الـ DOM في صفحة الويب الخاصة بك ، و إضافة إسم كلاس لها يُعبر عن نوع الـ Animation الذي تريد ان تضيفه عليها ، مثل كلاس بإسم PopOutTop سيجعل من جزء الـ DOM ذاك يقوم بAnimation معين ، و هكذا ، كما يمكنك تلبية الـ Animation عبر الكليك او النقر على زر معين ، و ذلك بإستخدام الـ jQuery فالأمر سهل جدا . 

– Lozad.js : 


إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر


تعرفت على هذه المكتبة للتو ، و فور نشري لهذا الموضوع سأقوم بإستخدامها في موقعنا بالتأكيد ، و أردت ان اشاركها معكم في هذا الموضوع بالطبع ، إن الصراع الذي يعيش من أجله كل مبرمج ، هو سرعة الموقع ، فالكل يريد أن يجعل موقع سريعا قدر الإمكان ، و من المتعارف ان الصور تأخذ حصة الأسد من سرعة تحميل الصفحات في الويب ، و من هذا المنطلق ، ظهرت مكتبة Lozad.js ، تقوم هذه المكتبة بتحميل الصور فقط عند وقت الحاجة ، فإن كانت هناك صور مثلا في أسفل الصفحة فلا يتم تحميلها بالمرة الا عندما تقوم بعمل Scroll الى تلك الصور ، مما يسهل تحميل الصفحة . 
تعرف اكثر على مكتبة Lozad.js . 

//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js(adsbygoogle = window.adsbygoogle || []).push({});

– Stellar.js : 


إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر


الـ Parallax ، هي خاصية رائعة في صفحات الويب تُمكنك من صناعة Scroll إحترافي في صفحات الويب مع بعض الصور الإحترافية ، فمن منا لا يريد ان يجعل الهبوط متناسقا مع صورة إحترافية تُقدم لك ستايل إحترافي بالتأكيد ؟ الكل يريد فعل ذلك ، يمكنك صناعة Parallax بإستخدام الـ Css ، لكن إن كنت تطمح لشيئ إحترافي و قابل للتعديل مع جميع عناصر الـ DOM ، فإننا ننصحك صديقي بمكتبة Stellar.js ، سهلة الإستخدام ، يكفي ان تقوم بإضافته للكود الخاص بك و إعطاء الـ ID او الـ Class للعنصر الذي تريد تطبيق عليه خاصية الـ Parallax ، و مبروك عليك . 
للإطلاع على المكتبة و تحميلها . 

– CSSgram : 


إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر


مكتبة CSS جميلة لمحبي التعامل مع الصور على الويب ، تُمكنك هذه المكتبة من تطبيق فلترات الأنستغرام المعروفة على صور الويب الخاصة بك ، يمكنك من خلال المكتبة إدراج أشكال و فلترات مختلفة لجميع الصور في صفحاتك ، إستخدامها سهل جدا ، يكفي ان تقوم بإضافة المكتبة الى الكود الخاص بك ، و إعطاء إسم الفلتر على شكل كلاس للصورة ، و سيتم تطبيق الفلتر بإحترافية ، إن اردت ان تقوم بنفس الأمر بإستخدام الـ Css قد يتطلب منك الأمر وقتا و جهدا و كودا أكبر في الـ Css ، لذلك إستخدام مكتبة بسيطة مثل هذه ستسهل عليك الكثير من الأمور . 
للتعرف أكثر على المكتبة . 

– SweetAlert : 


إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر

//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js(adsbygoogle = window.adsbygoogle || []).push({}); و نختم موضوعنا هذا بمكتبة SweetAlert ، مكتبة إحترافية جدا جدا جدا ، هذه المكتبة تسمح لك بتخصيص مجموعة من الـ Alerts بطريقة إحترافية و ب Animations خرافية حقا ، مع تناسق شديد و رهيب أيضا ، لاكون صريحا معك ، فقد سقطت في حب هذه المكتبة الرائعة ، إستخدامها جد جد سهل ، يكفي ان تضيفها للكود و بعدها تقوم بإضافة نوع الـ Alert الذي تريده عبر الجافاسكربت و في أي مكان تريد و أثناء أي Action مثل Click او Hover او اي كان ، ستذهلك أنت أيضا . 
للتعرف على المكتبة و تحميلها . 

الكاتب

مواضيع متعلقة

التعليقات مغلقة