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

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

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

 

 

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

 

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 .

 

 

19. WeePower

19-wee

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

 

 

20. Pinegrow

20-pinegrow

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

 

 

21. Bootsnipp

21-bootsnipp1

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

 

 

22. Bootstrap Designer

22-bootstrap-designer

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

 

 

23. Paintstrap

23-paintstrap

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

 

 

24. GetKickStrap

24-getKickstrap

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

 

 

25. Bootply

25-bootply

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

 

 

26. Jetstrep

26-jetstrap

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

 

 

27. Grid Displayer

27-grid-displayer

 

 

28. DivShot

28-divshot

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

 

 

29. Easel

29-Easel

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

 

 

30. WordPress Twitter Bootstrap CSS

30-WordPress-Twitter-Bootstrap-CSS

 

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

مقالات ذات صلة

3 تعليقات

  1. Yahea Wafek
    11 يونيو,2014 في 4:32 م - Reply

    أدوات مفيدة جدا تسلم ايدك

  2. Moody Boles
    31 أكتوبر,2014 في 5:18 م - Reply

    موضوع اكثر من رائع شكرا لكم

  3. Djamel
    6 يونيو,2015 في 2:39 ص - Reply

    موضوع اكثر من رائع تسلم…وشكرا