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

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

 

 

مقالات قد تهمك : أشهر إطارات عمل CSS في تصميم المواقع 2014 – frameworks

 

1. Layoutit

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

 

 

2. X-editable

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

 

 

3. Date Range Picker

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

 

 

4. PNotify

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

 

 

5. Bootstrap-wysihtml5

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

 

 

6. Pongstagr.am

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

 

 

7. Bootstrap Magic

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

 

 

8. Bootpag

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

 

 

9. Bootstrap Modal

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

 

 

10. Bootstrap Prompts

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

 

 

11. Bootstrap Video Player

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

 

 

12. Color Picker

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

 

 

13. jQuery File Upload

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

 

 

14. DatePicker for Bootstrap

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

 

 

15. Bootstrap Ready Font Custom

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

 

 

16. Bootstrap Button Generator

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

 

 

17. Bootmetro

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

 

 

18. Initializr

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

 

 

19. WeePower

Wee بوتستراب موسع لإنشاء تصاميم  متجاوبة بسرعة.

 

 

20. Pinegrow

Pinegrow تطبيق لسطح المكتب لنظام التشغيل ماوك وويندوز ولينكس الذي يمكنك من تصميم صفحات ويب بشكل أسرع بواسطة محرر متعدد الصفحات .

 

 

21. Bootsnipp

Bootsnipp  هو معرض عناصر لمصممي ومطوري الويب أنشأ بواسطة Maks .

 

 

22. Bootstrap Designer

Bootstrap Designer أداة تصميم أونلاين وانتاج قوالب HTML5 رائعة بواسطة اطار البوتستراب Bootstrap framework .

 

 

23. Paintstrap

Paintstrap يمكنك من إنشاء ثيم رائع بواسطة تويتر بوتستراب.

 

 

24. GetKickStrap

Kickstrap  يجمع بين البوتستراب و تقنيات الويب الحديثة .

 

 

25. Bootply

Bootply يسمح لك بتعديل البوتستراب وتحرير CSS,HTML,JavaScript .

 

 

26. Jetstrep

Jetstrap  أداة لإنشاء واجهة تفاعلية لتويتر بوتستراب. بنيت للمطورين والمصممين . يساعدك علي انشاء مواقع رائعة وسريعة بسهولة .

 

 

27. Grid Displayer

 

 

28. DivShot

Divshot  محرر واجهة يسمح لك لبناء مواقع متجاوبة باستخدام bootstrap,Foundation بدون تكويد.

 

 

29. Easel

Easel أداة أونلاين للتصميم للبوتستراب.

 

 

30. WordPress Twitter Bootstrap CSS

 

اضافة ووردبريس لربط موقعك باحدث البوتستراب CSS,JS لكل الصفحات