بشرى سارة للمصممين والمطورين: تم تعريب اتجاه twitter bootstrap لدعم RTL

عليكم السلام

ممتاز جدا يامؤيد متشوق لإستخدامه مع بعض الواجهات العربية

و عليكم السلام,

أخي هل قمت بتعريبه يدوياً؟ مهمة شاقة جداً, ماذا عن الإصدارات اللاحقة؟

قم بتحميل Bootstrap و nodejs. ثم قم بتحميل R2 عن طريق npm. بعدها قم بتحويل أي style sheet تريدها بكل سهولة.

و هذا موقع صممته لتجربة النتيجة, و كانت أكثر من رائعة : )

Free Syria ID

تحياتي,

اقتباس

أخي هل قمت بتعريبه يدوياً؟ مهمة شاقة جداً, ماذا عن الإصدارات اللاحقة؟

لقد استخدمت سكربت من مقالة قديمة لي

http://www.ojuba.org/wiki/blog/alsadi/14301126-rtl-web

وبالنسبة للإصدارات القادمة لن تكلفني كبسة زر.

السكربت موجود على كود github

https://github.com/muayyad-alsadi/bootstrap-rtl/blob/master/gen-rtl.sh

اقتباس

ثم قم بتحميل R2 عن طريق npm.

جربت R2 من باب الفضول وقد كان به مشاكل كثيرة. (لا أذكرها لأني جربت أكثر من تعريب. لكن ربما كانت عند وضع tooltip أو popover في row-fluid)

حتى أثبت أن الحل الذي قمت به كاملا قمت بتركيب السكربت على وثائق bootstrap التي تبين كل مزاياه مثلا لاحظ تركيب زر البحث على أحد أطراف صندوق إدخال منحني الزوايا

http://muayyad-alsadi.github.io/bootstrap-rtl/base-css.html#forms

سلمت لنا يداك على هذا العمل الرائع , ولكن هلا إستخدمت اللغة العربية في الأمثلة بما أن الأمر متعلق بها

هو موجه للمطورين وأنا لا أعلم هل هناك فائدة من ترجمة وثائقه كما هي للمطور.

إن كان هناك من يرغب في ترجمة وثائق bootstrap  المعرب

يمكن عمل fork على github ثم عمل

git checkout gh-pages

ثم الترجمة ثم دفعها git push ثم تقدم طلب سحب pull request

هذا موقع من عمل أخي كفاح وأمين يشرح بعض أجزاء bootstrap بالعربي

http://ameen.ojuba.org/site/page?view=bootstrap

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

على الهامش:

وإن كنت في الآونة الأخيرة للحظة أكاد اصرخ في مطوري الويب أن يكفوا عن استخدام bootstrap :)

فعلى هذا المنوال وبعد أعوام قليلة, سنجد عالم الانترنت بزي bootstrap موحد

الغريب أن الإطار قابل للتعديل و الـ customization بشكل كبير جداً لدرجة أنك قد لا تستطيع أحيانا معرفة أن التصميم مبني على bootstrap ومع ذلك تجد معظم مستخدميه يأخذون الـ hero.html أو  fluid.html أوcarousel.html وفي أحسن الأحوال يقوم بتغير بعض الصور المعروضة فيها  ويركب عليها موقعه وانتهت القضية!

اقتباس

سنجد عالم الانترنت بزي bootstrap موحد

معك حق. ليس ذنبهم فهو يمكن تخصيصه عبر  LESS CSS كما تفضلت لكن على رأي المثل live is to short to 

إن كنت لا تحب bootstrap

جرب gumby

انظر شكله كما في http://gumbyframework.com/docs/ui-kit/#!/buttons

http://www.borderfree.com/

أو foundation من zurb

أنظر

http://foundation.zurb.com/docs/components/joyride.html

وهذا الأخير هذا يدعم العربية

http://zurb.com/playground/foundation-rtl

المهم بنظري أن يكون التصميم في grid معرف مسبقا وأن يكون يحتوي على صنوف عامة مثل btn-primary وليس كما يحدث في أغلب من يعمل css من الصفر حيث يجب نفس الزر موجود في 100 صفحة كل مرة له صنف مختلف وفي كل مرة يعيد تكرار الأشياء وتجده يذكر صراحة أرقام مثل كذا بكسل هنا وكذا بكسل هناك ...إلخ