مصادر Bootstrap 3 من إضافات و قوالب ودعم العربية

Ali Majrashiمنذ 9 سنوات

يعد Bootstrap من أقوى أطر تصميم واجهات المواقع و التطبيقات FrontEnd Framework ويساعدك على تطوير صفحات جميلة ومنسقة بما يتحتويه من CSS و javascript للتحكم بكل خصائص وشكل HTML لاي صفحة لديك

عند العمل على تصميم المواقع او التطبيقات وترغب باستخدام Bootstrap 3 لتسهيل العمل اول عقبة لك هي اللغة العربية حيث أن Bootstarp 3 لاتدعم لغات RTL اي اللغات التي يتم كتابتها من اليمين إلى اليسار Right To Left حيث ان اتجاه التصاميم والأمثلة كلها تأتي باتجاه اللغة الإنجليزية من اليسار إلى اليمين LTR ولكن يمكن حل هذه المشكلة وبكل سهولة باستخدام Bootstrap 3 RTL Theme من تطوير morteza طريقة الإستخدام جدا سهلة و جميع الأمثلة تدعم إتجاه اللغة العربية والشرح واضح بصفحة الإضافة

قائمة بالإضافات من موقع Bootstrap

  • Bootstrap Select
    قائمة منسدلة بامكانيات افضل من التي تاتي مع Bootstrap وتستطيع التحكم بها عن طريق جافاسكربت بالكامل
  • Bootstrap File input
    تحسين زر اختيار الملفات للتحميل مع امكانية عرض الصور او النصوص لرفعها او اضافة خاصية السحب والإفلات لتحميل الملفات والكثير يمكن التحكم بجميع الخصائص عن طريق جافاسكربت
  • Bootstrap Datepicker
    لإضافة قائمة لتسهيل إختيار التاريخ وإضافته لأي حقل يمكن التحكم بجميع خصائص الإضافة عن طريق جافاسكربت 
  • Bootstrap Star rating
    إضافة تقوم بعمل نجوم تستخدم بالتقييم وتدعم اتجاه اللغة العربية
  • Bootstrap Tour
    إضافة لعمل جولة تعريفية بالموقع بحيث تاخذ المستخدم لاي جزء تحدده وتعرض له تعليمات يمكن استخدامها لعمل شروح لاستخدام خصائص موقع او تطبيق للمستخدم عند البدء باستخدام موقعك او تطبيقك
  • Bootstrap Lightbox
    إضافة تقوم بتحسين عمل Bootstarp modal وإضافة البوم صور خفيف lightbox gallery
  • Bootstrap Dialog
    إضافة تقوم بتحسين عمل Bootstarp modal وتسهيل التعامل معه

إضافات مميزة من  Fuel UX

1.png

مثل Bootstrap فإن Fuel UX عبارة عن مجموعة من الإضافات القوية والمرنة التي تضيف خيارات جديدة لك وهي تعتمد كليا على Bootstrap و jquery ويمكنك التحكم بجميع خصائص أي إضافة عن طريق الجافاسكربت بكل سهولة وهي تغنيك عن إستخدام الكثير من الإضافات سوف نستعرض اهم الإضافات التي تزودك بها Fuel UX عند استخدام اي من الإضافات 

Checkbox
مربع الإختيار يوحد الشكل ويضيف وضائف جديدة من خلال الجافاسكربت تستطيع معرفة اذا كان المربع فعال او مقفل او محذوف او حتى إذا تم اختياره او لا

2.png

Combobox
عن طريق هذه الإضافة تستطيع ان تقوم بدمج حقل نص مع قائمة منسدلة مما يسهل عملية إدخال البيانات إلى حقل النص 

3.png

Datepicker
إضافة تسمح بتسهيل عملية إختيار التاريخ بعرض تقويم من خلاله تحدد التاريخ ليتم إدخاله بالحقل بكل سهولة

4.png

Infinite Scroll
من الإضافات المميزة مما تسمح لك بإضافة خاصية تحميل المحتوى كل ماوصل المستخدم إلى نهاية الصفحة

5.png

Loader
باستخدام هذه الإضافة تستطيع عرض صورة متحركة لتخبر المستخدم أنه جاري تحميل المحتوى لعرضه إذا أكتمل

6.png

Pillbox
واجهة رسومية لتسهل العمل مع الوسوم وإدخالها للحقل بمجرد كتابة الكلمة والضغط على زر Enter ولديها الكثير من الخصائص الرائعة

7.png

Placard
باستخدام هذه الإضافة تستطيع السماح بتحديث اي جزء من الصفحة بمجرد الضغط عليه اي بمجرد الضغط على النص سيتم إضهار مربع حقل لتحرير المحتوى ثم حفظه بسهولة 

8.png

Radio
لتوحيد شكل زر الإختيار الدائري radio وإضافة خصائص للتحكم به من خلال الجافاسكربت بسهولة

9.png

Repeater
من أهم وأجمل الإضافات التي تسمح لك بعرض كمية من البيانات بشكل جدول مرتب ومنسق ويدعم إمكانية البحث والفرز والترتيب بكل سهولة 

10.png

Scheduler
إضافة لتسهيل عمل الجدولة فهو يدعم امكانية إدخال تاريخ البداية والوقت وأيضا تحديد مرات التكرار ومتى يتنهي الحدث 

11.png

Search
لعمل حقل بحث جميل عن طريق دمج حقل نص و زر بايقونة بحث لتسهيل عملية إنشاء حقول البحث 

12.png

Selectlist
إضافة لتوحيد شكل وعمل القائمة المنسدلة وإضافة الكثير من الوظائف التي يمكن التحكم بها عن طريق الجافاسكربت

13.png

Spinbox
إضافة لتحسين عم الحقل الرقمي والذي يدعم إدخال أرقام فقط مع إضافة زر لزيادة القيمة أو إنقاصها 

14.png

Tree
إضافة تسمح لك بعمل قائمة منسدلة تفاعلية لتصفح أقسام متتابعة بالضغط على قسم يظهر لك أقسام أخرى مرتبة وأيضا تمكنك من عمل متصفح مجلدات وملفات بكل سهولة وتستطيع التحكم بكامل الخصائص عن طريق الجافاسكربت

15.png

Wizard
أيضا من أجمل الإضافات التي تسمح لك بتقسيم نموذج إرسال البيانات إلى عدة خطوات مفيد للنماذج الطويلة بحيث تقسم وترتب على عدة خطوات لجعل تعبئتها من قبل المستخدم سهل ومرن ومريح 

16.png

قوالب مجانية لبدء العمل

مهمة القوالب تسهيل عملك كمصمم فهي تعطيك نقطة البداية لتبني عليها ماتريد ومن اجمل المواقع التي تقدم لك قوالب مجانية 

  • Black Tie 
    قوالب مجانية ويوفر نسخ احترافية مدفوعة لبعض القوالب بمميزات أكثر وايضا نسخ خاصة بمدونات WordPress
  • Bootswatch 
    قوالب مجانية وبالوان مختلفة
  • Bootstrap Zero 
    تشكيلة واسعة من القوالب المجانية التي تستطيع استخدامها بتصاميمك بكل سهولة 
كلمات دليلية:
1
إعجاب
8083
مشاهدات
0
مشاركة
0
متابع
متميز
محتوى رهيب

التعليقات (6)

منصور العتيبي:

مقال جداً رائع ومفيد ... جزاك الله خير والى الامام:D

Ali Majrashi:

مقال جداً رائع ومفيد ... جزاك الله خير والى الامام:D

يعطيك العافية :wub:

Alhazmy13:

مقال جداً متميز, جزاك الله خير 

Ali Majrashi:

مقال جداً متميز, جزاك الله خير 

:wub: يعافيك ربي 

Mohammed Balhaddad:

ما شاء الله

مقال يغني عن كتاب

استفدت الكثير ^_^

استمر ولا تحرمنا معرفتك :wub:

Ali Majrashi:

ما شاء الله

مقال يغني عن كتاب

استفدت الكثير ^_^

استمر ولا تحرمنا معرفتك :wub:

الله يعافيك وباذن الله القادم افضل

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !