أفضل أدوات Bootstrap للمصمين والمطوريين

twitter-bootstrap-vuurr
منذ إصدار البوتستراب  Bootstrap في عام 2011 , فانه سرعان ما أصبح أكثر اطارت العمل “frameworks” المتجاوبة شعبية , وأصبح الأن الشبكة الموحدة لتصميم مواقع الويب الجيدة. ويحتوي علي مكتبة بها العديد من الملحقات والأشكال “Styles” المعدة مسبقا والاضافات والتي تسمح لك ببدأ وانجاز أي مشروع بسهولة.

يوجد الكثير من الأدوات والمصادر التي لا تعد ولا تحصي للمصممين والمطورين , قد قمنا بتجميع قائمة بأفضل أدوات البوتستراب Bootstrap للمصممين والمطورين والتي ستساعدك في مشاريعك وأيضا ستساعدك علي زيادة انتاجك وتوفير وقتك

1. Layoutit

01-layoutit

LayoutIt يساعد في إنشاء واجهة بسيطة خاصة بك وبسرعة بالبوتستراب باستخدام  السحب والإفلات (Drag & Drop) فهو يأخذ كل عنصر ومكونات البوستراب لجعل تكويد واجهتك أسهل بكثير دون الحاجة الي أن تكون خبير ب javascript, html5 , css3 .

 

 

2. X-editable

02-xeditable

x-editable يدعم التحرير في نفس المكان بواسطة Twitter Bootstrap, jQuery UI, pure jQuery هذه المكتبة تسمح لك لإنشاء عناصر قابلة للتحرير والتعديل علي صفحتك .



3. Date Range Picker

03-Date-Range-Picker-for-Twitter-Bootstrap

Date Range Picker ل  Twitter Bootstrap وهو قائمة منسدلة لاختيار نطاق تاريخ التقارير. وهي تشبه القائمة المنسدلة وشكل الأزرار للبوتستراب.

 

4. PNotify

04-p-notify

PNotify  اضافة جافا سكربت للتنبيهات , طورت بواسطة SciActive . وصممت لتوفير مستوى عال من المرونة مع سهولة الاستخدام .

 

 

5. Bootstrap-wysihtml5

05-bootstrap-wysihtml5

bootstrap-wysihtml5 اضافة جافا سكربت لإنشاء محررات جميلة وبسيطة بمساعدة wysihtml5, Twitter Bootstrap.

 

 

6. Pongstagr.am

06-pongstagram

Pongstagr.am اضافة جي كويري تسملح لك بعرض صور انستجرام instagram  في موقعك باستخدام البوتستراب .

 

 

7. Bootstrap Magic

07-bootstrap-magic

Bootstrap Magic يمكنك من إنشاء ثيم خاص بك بالبوتستراب بسهولة جدا .

 

 

8. Bootpag

08-bootpag

Bootpag اضافة جي كويري تمكنك من إنشاء ترقيم للصفحات تلقائي”dynamic pagination” .

 

 

9. Bootstrap Modal

09bootstrapmodal

Bootstrap Modal يمكنك من إنشاء نافذة شرطية .

 

 

10. Bootstrap Prompts

10-bootstrap-prompts

Bootstrap Prompts هو تطبيق لاستبدال اشعارات alert(), prompt(),confirm()  للمتصفح باستخدام البوتستراب.

 

 

11. Bootstrap Video Player

11-Bootstrap-video-player

Bootstrap Video Player اضافة جي كويري بسيطة لتخصيص HTML5 ويمكن تعديل شكل الفيديو بالبوتستراب وبه العديد من الخصائص.

 

 

12. Color Picker

12-Colorpicker-for-Bootstrap-from-Twitter

Colorpicker يمكنك من اضافة منتقي الألوان Colorpicker لأي حقل في الصفحة . يمكن أن يستخدم كعنصر في البوتستراب. يدعم:hex, rgb, rgba, hsl, hsla.

 

 

13. jQuery File Upload

13-jquery-file-upload

jQuery File Upload  ويدجت لتحميل ورفع الصور.

 

 

14. DatePicker for Bootstrap

14-bootstrap-datepicker-calendar1

Datepicker يمكنك من اضافة منتقي التاريخ لاي حقل أو عنصر في الصفحة .

 

 

15. Bootstrap Ready Font Custom

15-Font-Custom

توليد الأيقونات الخطية icon fonts ويدعم ملفات  (@font-face CSS, إلخ…..)

 

 

16. Bootstrap Button Generator

16-Twitter-Bootstrap-Button-Generator

يسمح لك بإنشاء أزرار جميلة ورائعة.

 

 

17. Bootmetro

17-bootmetro

BootMetro هو HTML/CSS/JS  بسيط ومرن لمصممي ومطوري الويب الذين يرغبوا في استخدام ستايل ويندوز 8 ميترو.

 

 

18. Initializr

18-Initializr

Initializr هو مولد قوالب HTML5

 

  • رائع بش مهندس شكرا جزيلاً 🙂