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


ككل شهر صديقي ، نحاول ان نقدم لك الأفضل دائما لتطوير مهاراتك في مجال الويب و برمجة تطبيقات الويب، خصوصا في الـ Web Desgin او الـ Front End، فللحصول على واجهة إستخدام راقية تمتثل لما نريد ان نصنعه، سنحتاج إلى بعض المكتبات الخارجية و الإضافات و الأدوات و الإطارات أيضا التي ستؤهلنا لصناعة ما نريد بكل اريحة، و هو شيئ سيطمح له اي Web Designer في هذا العالم . 
 و نختار لك في كل شهر، خليلي القارئ، مجموعة مُختارة من المكتبات و الإطارات الخاصة بكل من الـ Css و الـ Javascript كونهما الأكثر إستخداما و تبجلا في مجال الـ Web Design، و قبل ان نقدم لك دخيرة هذا الشهر، نود أن نقترح عليك دزينة المكتبات و الإطارات سابقة الذكر الأشهر المنصرمة : 

  1.  إليك أفضل مكتبات و إطارات الـ Javascript و الـ Css لشهر أكتوبر لا يجب عليك تفويتها
  2. إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر
  3. إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر أغسطس
  4. إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر يوليو
  5. إليك مكتبات جافاسكربت إحترافية لبناء خرائط جغرافية تفاعلية على صفحات الويب
و اليوم ستنضم للقائمة مجموعة من المكتبات و الإطارات الأخرى التي ندعوك لإستخدامها اثناء تصميمك لمواقع و صفحات ويب مختصة  بتقنيات حديثة ، إستمتع بها . 

- Tailwind CSS : 


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

مكتبة Tailwind CSS، مكتبة جد رائعة من أجل صناعة واجهات إستخدام UI إحترافية و جذابة، المكتبة او الإطار شبيه بالـ Bootstrap من ناحية الإستخدام ان كنت تستخدمه بالطبع، تدعم Tailwind التصميم المتجاوب أيضا، كما توفر لك مجموعة كبيرة من العناصر او الـ Elements مثل الأزرار، الـ Headers و غيرها، إستخدام مكتبة Tailwind يُغنيك عن إستخدام مجموعة من المكتبات المشابهة مثل Semantic UI او Bootstrap او حتى Foundation .
إطلع أكثر على المكتبة من هنا . 

- Web Gradient : 


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

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


- Bulma : 


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

إطار Bulma، هو إطار CSS مبني على الـ Flexbox، و لأصدقائنا الذين لا يعرفون الـ FlexBox، فهي تقنية CSS متوفرة تسمح لك بتجسيد العناصر على شكل Columns متجاوبة، نعم صديقي فيمكنك الحصول على تصميم متجاوب بإستخدام الـ CSS فقط، يتضمن إطار Bulma خاصية صناعة صفحات ويب منقسمة على شكل Columns بحرية كبيرة و متجاوبة بشكل كبير، ليس هذا فقط، بل إستطاع مطوري الإطار من إضافة عناصر جديدة مثل أزرار و Loading و غيرها للإستخدام المباشر في صفحات الويب . 
تعرف أكثر على إطار Bulma .  

- MediaElement.js : 


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

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

- T-Scroll : 


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

مكتبة  جميلة أيضا لصناعة تأثير Scroll او نزول في الصفحة، حتى أختصرها عليك فإليك الرابط التالي سيظهر لك مثالا حيا لمكتبة T-scroll، ان تصنع تأثير إحترافي اثناء نزول المستخدم ادراج الصفحة سيضيف لمسة إحترافية لبرمجياتك لواجهات الإستخدام، فهي دليل حي على قدراتك في إنشاء صفحات الويب بالتأكيد، و أن تصنع صفحات مثل التي قدمت لك رابطها في الأعلى سيُظهر كفؤك لإنجاز أي مهمة UI بشكل جذاب و قوي . 
تعرف على المكتبة أكثر من هنا . 

- Adaptive Backgrounds : 


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

مكتبة مبنية على الـ jQuery جد مفيدة، اعتقد انه من الإسم ستأخذ فكرة عما تستطيع هذه المكتبة تقديمه، Adaptive Background هي مكتبة تستطيع إستخراج اللون الأكثر سيطرة في صورة ما، و جعل الـ Background بنفس هيئة ذلك اللون، نرى هذا جليا في الصورة أعلاه لأحد أمثلة إستخدام مكتبة Adaptive Background، إذ تم تطبيقها على الصورة و الخلفية ورائها و جعل الخلفية تترصد اللون الأكثر سيطرة في الصورة وإقتباسه، ستلاحظ ان العديد من المواقع تستخدم هذه التقنية اليوم و ربما تعتقد انها معقدة و ما الى ذلك، لكن اليوم يمكنك انت ايضا صناعتها بكل سهولة .
تعرف على المكتبة أكثر من هنا . 

شاركه على :


تعرف على كاتب المقال