- إليك أفضل مكتبات و إطارات الـ Javascript و الـ Css لشهر أكتوبر لا يجب عليك تفويتها
- إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر سبتمبر
- إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر أغسطس
- إليك قائمة بأفضل مكتبات و إطارات الـ Javascript و الـ Css المختارة لك لشهر يوليو
- إليك مكتبات جافاسكربت إحترافية لبناء خرائط جغرافية تفاعلية على صفحات الويب
– Tailwind CSS :
مكتبة Tailwind CSS، مكتبة جد رائعة من أجل صناعة واجهات إستخدام UI إحترافية و جذابة، المكتبة او الإطار شبيه بالـ Bootstrap من ناحية الإستخدام ان كنت تستخدمه بالطبع، تدعم Tailwind التصميم المتجاوب أيضا، كما توفر لك مجموعة كبيرة من العناصر او الـ Elements مثل الأزرار، الـ Headers و غيرها، إستخدام مكتبة Tailwind يُغنيك عن إستخدام مجموعة من المكتبات المشابهة مثل Semantic UI او Bootstrap او حتى Foundation .
إطلع أكثر على المكتبة من هنا .
– Web Gradient :
ليس بإطار او مكتبة اكثر مما هو اداة مفيدة جدا، تقنية الـ Gradient في مجال الويب أصبحت لا تُضاهى حقا، تضفِي لمسة جد راقية على التصميمات و الـ Backgrounds و غيرها، و لعلك اردت يوما إدراجها على شكل CSS في زر ما او عنصر من عناصر الـ Html و غيرها، موقع Web Gradient موقع جميل يوفر لك مجموعة جد ضخمة، حقا ضخمة من أشكال الـ Gradient الإحترافية و الإبداعية والتي ستساعدك في تشكيل Gradient على الويب بكل سهولة إذ توفر لك الكود جاهز للإستخدام المباشر .
تعرف أكثر على الأداة من هنا .
– Bulma :
إطار Bulma، هو إطار CSS مبني على الـ Flexbox، و لأصدقائنا الذين لا يعرفون الـ FlexBox، فهي تقنية CSS متوفرة تسمح لك بتجسيد العناصر على شكل Columns متجاوبة، نعم صديقي فيمكنك الحصول على تصميم متجاوب بإستخدام الـ CSS فقط، يتضمن إطار Bulma خاصية صناعة صفحات ويب منقسمة على شكل Columns بحرية كبيرة و متجاوبة بشكل كبير، ليس هذا فقط، بل إستطاع مطوري الإطار من إضافة عناصر جديدة مثل أزرار و Loading و غيرها للإستخدام المباشر في صفحات الويب .
تعرف أكثر على إطار Bulma .
– MediaElement.js :
مكتبة Javascript جميلة و مفيدة أيضا، تسمح لك هذه المكتبة بصناعة قارئ فيديوهات او قارئ موسيقى إحترافي خاص بك، ستخبرني انه يمكنك فعل المثل من خلال وسم video في الـ Html، لكن و رغم ذلك لا يمكنك تخصيصه كما تريد، كما انه لا يستطيع قراءة جميع صيغ الفيديوهات، في حين ان هذه المكتبة البسيطة و سهلة الإستخدام يمكنها ذلك، كما يمكنك تخصيصها حسب ذوقك الخاص، و متجاوبة أيضا مع المتصفح، لذلك ستبدو هذه المكتبة خيارا جيدة إن كنت ستقوم بتضمين فيديوهات في صفحة الويب الخاصة بك .
تعرف عليها أكثر من هنا .
– T-Scroll :
مكتبة جميلة أيضا لصناعة تأثير Scroll او نزول في الصفحة، حتى أختصرها عليك فإليك الرابط التالي سيظهر لك مثالا حيا لمكتبة T-scroll، ان تصنع تأثير إحترافي اثناء نزول المستخدم ادراج الصفحة سيضيف لمسة إحترافية لبرمجياتك لواجهات الإستخدام، فهي دليل حي على قدراتك في إنشاء صفحات الويب بالتأكيد، و أن تصنع صفحات مثل التي قدمت لك رابطها في الأعلى سيُظهر كفؤك لإنجاز أي مهمة UI بشكل جذاب و قوي .
تعرف على المكتبة أكثر من هنا .
– Adaptive Backgrounds :
مكتبة مبنية على الـ jQuery جد مفيدة، اعتقد انه من الإسم ستأخذ فكرة عما تستطيع هذه المكتبة تقديمه، Adaptive Background هي مكتبة تستطيع إستخراج اللون الأكثر سيطرة في صورة ما، و جعل الـ Background بنفس هيئة ذلك اللون، نرى هذا جليا في الصورة أعلاه لأحد أمثلة إستخدام مكتبة Adaptive Background، إذ تم تطبيقها على الصورة و الخلفية ورائها و جعل الخلفية تترصد اللون الأكثر سيطرة في الصورة وإقتباسه، ستلاحظ ان العديد من المواقع تستخدم هذه التقنية اليوم و ربما تعتقد انها معقدة و ما الى ذلك، لكن اليوم يمكنك انت ايضا صناعتها بكل سهولة .
تعرف على المكتبة أكثر من هنا .






التعليقات 0
شاركنا رأيك أو استفسارك حول الموضوع