نستقبل شهرا اخر، شهر نوفر لك فيه كما سبق في الأشهر السابقة مجموعة من المكتبات و الإطارات الخاصة بكل من لغتي الـ Javascript و الـ CSS، مقال مخصص لمطوري الـ Front End على الويب بالدرجة الأولى، بحيث نوفر لهم مجموعة من الأدوات الإحترافية من أجل الإرتقاء بتصاميم الويب و الواجهات الخاصة بهم مه تسهيل العمل و كذا التحفظ على الوقت قليلا، فالنتائج المرضية و الوقت المستهلك القليل دليلين على الإحترافية في العمل و الجدية كذلك .
قبل القفز مباشرة الى حصيلتنا لهذا الشهر، إليك بعض المكتبات و الإطارات التي قمنا بتحصيلها في الأشهر المنصرمة :
- إليك أفضل مكتبات و إطارات الـ Javascript و الـ Css لشهر أبريل ستحب إستخدامها
- إليك أفضل مكتبات و إطارات الـ Javascript و الـ Css لشهر مايو ستفيدك كثيرا
- إليك أفضل مكتبات و إطارات الـ Javascript و الـ Css لشهر مارس لا يجب عليك تفويتها
- إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر نوفمبر
- إليك أفضل مكتبات و إطارات الـ Javascript و الـ Css لشهر أكتوبر لا يجب عليك تفويتها
- إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر
- إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر أغسطس
- إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر يوليو
إذن تابع معنا صديقي حصيلتنا لهذا الشهر، و نتمنى ان تعجبك اجدد المكتبات و الإطارات الخاصة بتطوير الواجهات لشهر يونيو .
- Box-Sahdow.css :
إستخدام الـ Box-shadow في الـ CSS اليوم لا يمكن تجاهله، فهو أولا يعتبر من أساسيات الـ Material Design ان كنت تريد صناعة صفحات تعتمد على هذا المبدأ، لكن غير هذا فإستخدامه في تصميمات اليوم أساسيا، خصوصا في صناعة الـ Cards في موقعك، و إضافة تأثير جميل على عناصر الـ Dom الخاصة بك، الكثير من الأشخاص لا يجيدون التعامل مع الـ Box-shadow لكثرة الـ Parameters و الخيارات المتوافرة فيه و التي في الغالب لن تعطيك ستايل متميز إن قمت بمحاولة صناعته يدويا ( او على الأقل اتحدث عن نفسي ) لذلك في الغالب ستلجأ لخدمات خارجية، و نحن ننصحك بمكتبة Box-Shadow.css، التي توفر لك مئات الأشكال الخاصة بالـ Box-shadow التي يمكن تطبيقها على اي عنصر تريد في صفحة الويب خاصة بك و بكل سهولة أيضا .
- Bideo.js :
مكتبة جافاسكربت مفيدة لأصحاب المواقع و مطوري الواجهات، تسمح لك هذه المكتبة بجعل الخلفية على شكل فيديو متحرك يتم تشغيله تلقائيا اثناء تحميل الصفحة، تساعدك هذه المكتبة على خلق تأثير جد رائعة لصفحة الويب الخاصة بك و بشكل إحترافي، اذ نجد العديد من صفحات الويب و خصوصا الـ Landing Pages تعرض هذا الستايل و تبدو راقية أيضا، و أصبح بإمكانك أنت أيضا ادراج نفس التأثير بكل سهولة بإستخدام مكتبة Bideojs، يمكنك التحكم في العديد من الإعدادات أيضا بإستخدام هذه المكتبة مثل الحجم و إضاءة الفيديو و غيرها، و تركيبه لا يتطلب كودا برمجيا كبيرا او خبرات قوية أيضا .
- Picnic CSS :
إطار عمل متكامل لصناعة واجهة إحترافية لموقعك، الجميل في هذا الإطار هو خفة حجمه، فهو أخف من إطارات مشهورة مثل Bootstrap او Foundation و أشباههما، يوفر لك مجموعة من الـ Compontents و عناصر الصفحة الفريدة من أجل صناعة صفحة ويب احترافية، يتضمن تقريبا ستايلات لجميع عناصر الـ Dom من نصوص و أزرار و روابط و غيرها، تركيبه و استخدامه سهل و يدعم التنصيب عن طريق مدراء الحزم مثل npm او bower و يمكن العمل به في أي موقع كيفما كان .
- Birdview.js :
مكتبة جافاسكربت صغيرة جدا و توفر لك خدمة جيدة، Birdview تسمح لك بتوفير زر عند النقر عليه يتظم إظهار الصفحة بشكل كامل من الأعلى كما يرى العصفور شيئا من الأرض، بحيث ان خاصية الـ Scroll تختفي ليظهر لك الموقع بشكل كامل في الواجهة، عند النقر على مساحة ما يتم تكبير الشاشة و العودة للوضع الأصلي الى المكان الذي قمت بالنقر عليه، ليس بالضرورة زرا فالمكتبة تسمح لك بتنفيذ الأمر عند اي Event او حدث لأي عنصر من عناصر الـ DOM، يمكن إستغلال المكتبة لصناعة العديد من الصفحات المبتكرة و المختلفة أيضا .
- Barba.js :
و نختم معك هذا المقال مع مكتبة جافاسكربت Barba، هي مكتبة اكثر فاعلية و إحترافية إن تم إستخدامها في مواقع مبنية على إطارات و فريمووركات مثل Angular او React او Vue، لأن الهدف من إطار Barba هو توفير انيميشن خلال عملية الـ Transition او التنقل بين الصفحات في المواقع التي تدعم SAP ( Single Application Page) مثل اللغات البرمجية السابقة التي ذكرناها، فإن اردت تخصيص و تهيئة ستايل Transition احترافي للإنتقال بين الصفحات في مواقع SAP فننصحك بهذه المكتبة الإحترافية و الرائعة و التي تدعم كل الإطارات سابقه .