الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

إطار عمل Bootstrap من Twitter

بدأه Abdullah.Alshammeri في 21 أغسطس 2011 · 13 رد · 2,821 مشاهدة · في الأخبار والنقاشات التقنية
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

اعتدنا أن نرى مجموعة من APIs من Google أو Facebook أو Twitter ، قد تكون web service مثلاً ، لكن Twitter قدمت لنا إطار عمل " إن صحت التسمية " ، يحمل الإسم Bootstrap، وهو مخصص لتصميم واجهة المستخدم بإستخدام CSS و HTML . إطار العمل " مفيد لأبعد حد ، متأكد أنك ستحبه من أول قضمة نظرة " . الفكرة بإختصار ، لديك مجموعة من قواعد CSS ، وما عليك إلا استدعائها في صفحتك ، دون أن تفكر كثيراً بمسألة التوافقية و خلافه ، وتغطي المجالات التالية :

  • Grid System : تستطيع تقسيم الصفحة إلى مجموعة من المربعات ليصبح لديك تقسيم شبكي للصفحة .
  • Layout : الثابت و الديناميكي .
  • Typography : تنسيق الخطوط و العناوين و الفقرات ونحوه .
  • Tables : تصفيف البيانات على شكل جدول ،
  • Forms : :-) ، بدون تعليق .
  • الأزرار ..
  • شريط الأدوات ، ترقيم الصفحات ..
  • رسائل التحذير و الأخطاء ..
  • ...

الجميل أنه يمكنك استخدامها مع Less أو بدون ، Less مثلها مثل Sass ، لغة CSS

http://twitter.github.com/bootstrap/

8

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#2

خبر جميل :)

أقوم منذ فتره بعمل إطار عمل خاص بالتصميم وقد وصلت إلى نهايته تقريبا وسيتم إطلاقه في منتصف الشهر القادم بإذن الله

ماقمت به بفضل الله من أقوى أطر العمل الخاصه بالتصميم فمن خلاله يمكنك تصميم موقع كامل دون معرفه مسبقه بكود الCSS ويمكن للمطورين إستخدام كود ال css بدون مشاكل فهو مخصص للمبتدئين والمتقدمين والمطورين

سيتم الحديث عنه في وقتها ولكن أحببت أن أنوه إلى ذلك :)"

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

#3

حاجة تفتح النفس ويبدو أنها ابسط من blueprint

http://www.blueprintcss.org/

(map share people)

فضلا لاتقم بمراسلتي من أجل أسئلة لها أقسامها في المنتدى حتى تعم الفائدة على الجميع وللحصول على إجابات أفضل من أعضاء أكثر خبرة.
Weblog
@bitbucket
@xmonader

#4

قضيت اليوم النهاردة مع bootstrap وبجد رائع جدا وأنجز معايا حاجات كتير ... وفي رأيي فعلا أسهل من blueprint

(map share people)

فضلا لاتقم بمراسلتي من أجل أسئلة لها أقسامها في المنتدى حتى تعم الفائدة على الجميع وللحصول على إجابات أفضل من أعضاء أكثر خبرة.
Weblog
@bitbucket
@xmonader

#5

أعتقد فيه عيب واحد ، وهو عدم دعمه لـ IE8 وما قبله ، لكن بالفعل ، Bootstrap جميل ، و بمجرد استخدامه ستكون متمكن من كتابة layout جميل بدون هم .

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#6
Abdullah.Alshammeri كتب:

أعتقد فيه عيب واحد ، وهو عدم دعمه لـ IE8 وما قبله ، لكن بالفعل ، Bootstrap جميل ، و بمجرد استخدامه ستكون متمكن من كتابة layout جميل بدون هم .

السلام عليكم، لا أعتقد. بل حسب الموقع، هو يدعم 7+ أي أنه لا يدعم IE6، و هذا لا مشكلة فيه.

#7
اقتباس
السلام عليكم، لا أعتقد. بل حسب الموقع، هو يدعم 7+ أي أنه لا يدعم IE6، و هذا لا مشكلة فيه.

قبل يومين كانوا كاتبين أنه لا يدعم IE ، متأكد :-) ،

شكراً للتنبيه ..

==

إضافة : من github يبدو أنهم أضافوا الدعم قبل ثلاثة أيام ،

post-42837-013845900 1314305698_thumb.pn

المرفقات
github.com 2011-8-25 23-51-38.png

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#8

اطار ممتاز هل حاول احد تعريبه RTL

1

other ESTJ thing

اقتباس
Help Me To Help You

0xBAD00DAD.png

#9
اقتباس
هل حاول احد تعريبه RTL

نفس التساؤل ، بدلاً من اختراع العجلة : ) .

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#10

تويتر عملت تحديثات للجافاسكربت :)

http://twitter.github.com/bootstrap/javascript.html#

(map share people)

فضلا لاتقم بمراسلتي من أجل أسئلة لها أقسامها في المنتدى حتى تعم الفائدة على الجميع وللحصول على إجابات أفضل من أعضاء أكثر خبرة.
Weblog
@bitbucket
@xmonader

#11
اقتباس
نفس التساؤل ، بدلاً من اختراع العجلة : ) .

الحمد لله عربته اخر اصدار 1.3

باقي ان اختبره

صفحة الـ Manual & Examples تعمل جيدا الرجاء اختبار التعريب

الملف في تعريب إطار عمل Bootstrap من Twitter

تحياتي

تم تعديل هذه المشاركة بواسطة ihope في 4 أكتوبر 2011 في 20:35

1

other ESTJ thing

اقتباس
Help Me To Help You

0xBAD00DAD.png

#12

هل جرب أحد استخدام Bootstrap 2.0 في موقع عربي؟

وهل جعل الموقع RTL يتم بشكل سهل؟

1
#13
اقتباس
هل جرب أحد استخدام Bootstrap 2.0 في موقع عربي؟

وهل جعل الموقع RTL يتم بشكل سهل؟

سبحان الله منذ الصباح و أنا أبحث عن تعريب النسخة الثانية و بحثت عن هذا الموضوع أيضاً و لم أستطع الوصول إليه, يا محاسن الصدف :)

أفيدونا يا أخوة بالنسبة لإنشاء المواقع باللغة العربية بالنسخة الثانية؟

#14

حصلت واحد واضع مقال كيف تحول 2 bootstrap إلى RTL

وواضع الملف الجديد على github

هنا الشرح:

http://pyjamacoder.com/2012/02/01/twitter-bootstrap-v2-rtl-edition/

وهنا Bootstrap2.0-rtl

هل يوجد أحد استخدم بووتستراب في أحد المشاريع؟ أريد أن اعرف تجارب الشباب وانطباعهم

أو مثلا مواقع عربية تستخدم بووتستراب

تم تعديل هذه المشاركة بواسطة بـارع في 20 يونيو 2012 في 15:22

1

مواضيع مشابهة