bootstrap בעברית

  • פותח הנושא Shia
  • פורסם בתאריך

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
טוויטר-בוטסטראפ הוא אחד הפריימוורקים הפופולריים ביותר בעולם פיתוח הפרונט בשנתיים האחרונות.
אם אתם עדיין לא משתמשים בו, הגיע הזמן לקפוץ למים.

אם אתם כן משתמשים בו, בטח חיפשתם לא פעם גירסת rtl מוצלחת שלו...
אחרי שניסיתי כמה גירסאות, נתקלתי היום באתר http://rbootstrap.ir/
גירסה אירנית מלאה ועדכנית של טוויטר בוטסטראפ - אני אישית מבסוט ממנה מאוד.

אז החלטתי לשתף, כדי שתהנו גם אתם.
 

דינקיס

משתמש פעיל
D I G I T A L
הבעיה היא שהם לא עשו את זה בקבצי RTL מסודרים. אם כבר עושים ריטול...
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
נכתב ע"י דינקיס;975211:
הבעיה היא שהם לא עשו את זה בקבצי RTL מסודרים. אם כבר עושים ריטול...

אכן זה עותק מלא של כל הבוטסטראפ ולא ריטול "רזה" ונקודתי כמו שמתאים לעשות כשמוסיפים שכבת rtl על בסיס css קיים. (שזה מה שנהוג לעשות בריטול תבניות)

אבל זה דווקא מתאים לבניה מאפס של אתר עברי. זה מתפקד מצויין כבוטסטרפ שלם ומלא.
 

KingYes

משתמש צעיר
יש המון סקריפטים שעושים SWAP בעיצוב ה-CSS, אבל זה לא פתרון יצירתי כל כך..

תודה על השיתוף !
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
אם כבר התחיל דיון בנושא ריטול, אני מציע לקרוא את המאמר הזה:
http://rishida.net/blog/?p=671

הבחור סוקר ארבע גישות לריטול באתרים דו-לשוניים.

1) כמו שאמר דינקיס, ליצור קובץ rtl נקודתי, שדורס את רק את ההגדרות הרלבנטיות, באופן נקודתי.

2) ליצור קובץ rtl מלא, כך שאין תלות בין שני הקבצים - הוא דווקא מעדיף את השיטה הזו ומביא שם את הנימוקים הרלבנטיים.

3) להשתמש בסלקטור :lang בקובץ css בודד שמכיל את הסגנון לשתי השפות

4) שיטה חדשנית ושנויה במחלוקת שטרם אומצה לתקן css שאומרת, במקום לכתוב כמו שאנחנו רגילים:
קוד:
p {
margin-right: 32%;
margin-left: 7.5%;
text-align: left;
}

לכתוב:
קוד:
p {
margin-start: 32%;
margin-end: 7.5%;
text-align: start;
}

וכך, הכיוון ישתנה בהתאם להגדרת המסמך.
במסמך rtl הstart נמצא בצד ימין, וממילא, בכל מקום שכתוב start, זה ייצמד לימין.

זו באמת שיטה מעניינת מאוד, נקייה מאוד וחוסכת הרבה עבודה.
לצערי אי אפשר להשתמש בה...
 

s976

משתמש סופר מקצוען
הנדסת תוכנה
D I G I T A L
נכתב ע"י Shia;975100:
טוויטר-בוטסטראפ הוא אחד הפריימוורקים הפופולריים ביותר בעולם פיתוח הפרונט בשנתיים האחרונות.
אם אתם עדיין לא משתמשים בו, הגיע הזמן לקפוץ למים.

אם אתם כן משתמשים בו, בטח חיפשתם לא פעם גירסת rtl מוצלחת שלו...
אחרי שניסיתי כמה גירסאות, נתקלתי היום באתר http://rbootstrap.ir/
גירסה אירנית מלאה ועדכנית של טוויטר בוטסטראפ - אני אישית מבסוט ממנה מאוד.

אז החלטתי לשתף, כדי שתהנו גם אתם.

ומה אתם עושים כאשר מתחילים לבנות תבנית חדשה של וורדפרס על בסיס בוטסראפ?
הרי להתחיל לכתוב את הכל ממש מאפס זה קצת מעצבן...
ראיתי כעת שתי הצעות בענין:
http://320press.com/wpbs/
http://www.rootstheme.com/

עוד לא בדקתי את זה, אבל כנראה שאעשה זו כעת.
יש הצעות נוספות?
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
נכתב ע"י s976;1010029:
ומה אתם עושים כאשר מתחילים לבנות תבנית חדשה של וורדפרס על בסיס בוטסראפ?
הרי להתחיל לכתוב את הכל ממש מאפס זה קצת מעצבן...
ראיתי כעת שתי הצעות בענין:
http://320press.com/wpbs/
http://www.rootstheme.com/

עוד לא בדקתי את זה, אבל כנראה שאעשה זו כעת.
יש הצעות נוספות?

אני השתמשתי בשתי התבניות. roots יותר משוכללת ומפותחת, אבל בסוף נצמדתי ל320, יותר גולמית ופשוטה ומאוד נחמד לעבוד איתה. כבר עשיתי כמה פרויקטים איתה.
האמת שהיום יש לי כבר גירסה משלי עם כמה שינויים שעשיתי, כולל התאמה לעברית וכו'.
 

s976

משתמש סופר מקצוען
הנדסת תוכנה
D I G I T A L
נכתב ע"י Shia;1010038:
אני השתמשתי בשתי התבניות. roots יותר משוכללת ומפותחת, אבל בסוף נצמדתי ל320, יותר גולמית ופשוטה ומאוד נחמד לעבוד איתה. כבר עשיתי כמה פרויקטים איתה.
האמת שהיום יש לי כבר גירסה משלי עם כמה שינויים שעשיתי, כולל התאמה לעברית וכו'.

אז השתמשת עם 320 והחלפת קבצי CSS בקבצים של http://rbootstrap.ir/ ?
או שעשית ריטול לבד?

כי אני הרגע מנסה את הדרך הראשונה, וזה לא מתלבש חלק. צריך עוד שיפוצים.

----
יכול להיות שטעיתי. נראה דווקא שזה שידוך טוב.
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
כן, רק שים לב שאין התנגשויות עם הless
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
כמו"כ, אני ניטרלתי את פאנל הoptions של ה320
 

דינקיס

משתמש פעיל
D I G I T A L
הייתי אומר לך לרטל את ה BT לבד. זה לא כזה מסובך.
בכל מקרה מי שלא מחפש פריימוורק מורכב (הכל יחסי כמובן) בשביל פיתוח תבנית בוורדפרס (ולא רק), הייתי ממליץ להתחיל עם skeleton שזו תבנית נקיה בלי JS ודברים מתקדמים, אלא ממש שלד בסיסי וטוב.

להוריד את המקור: http://www.getskeleton.com/
מותאם לתבנית וורדפרס עם אפשרויות תבנית: http://themes.simplethemes.com/skeleton/
 

s976

משתמש סופר מקצוען
הנדסת תוכנה
D I G I T A L
ומענין לענין,
אני רוצה מצד אחד לעבוד עם מעצב, ומצד שני להשתמש ב-bootstrap (לא רק בשביל הגריד, אלא גם בשביל אלמנטים כמו tabs ועוד)
האם זה בר בצוע?
אני מתכוון לשאול, האם זה הגיוני לבקש ממעצב להיצמד לפריימוורק?
 

דינקיס

משתמש פעיל
D I G I T A L
לדעתי זו בקשה הגיונית, רוב השפה העיצובית של BT מאוד עדינה ואני רוצה להאמין שכל מעצב יכול להתאים את עצמו אליה.

בכל מקרה על מנת שלא ניהיה מוגבלים, הוספנו קובץ reset-bootstrap.less שבו אנחנו שמים את כל ההגדרות שלא רלוונטיות שלנו בעיצוב של BT ודורסים אותם עם הגדרות חדשות הרלוונטיות לעיצוב שלנו.
 

אולי מעניין אותך גם...

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק קכב

א שִׁיר הַמַּעֲלוֹת לְדָוִד שָׂמַחְתִּי בְּאֹמְרִים לִי בֵּית יְהוָה נֵלֵךְ:ב עֹמְדוֹת הָיוּ רַגְלֵינוּ בִּשְׁעָרַיִךְ יְרוּשָׁלִָם:ג יְרוּשָׁלִַם הַבְּנוּיָה כְּעִיר שֶׁחֻבְּרָה לָּהּ יַחְדָּו:ד שֶׁשָּׁם עָלוּ שְׁבָטִים שִׁבְטֵי יָהּ עֵדוּת לְיִשְׂרָאֵל לְהֹדוֹת לְשֵׁם יְהוָה:ה כִּי שָׁמָּה יָשְׁבוּ כִסְאוֹת לְמִשְׁפָּט כִּסְאוֹת לְבֵית דָּוִיד:ו שַׁאֲלוּ שְׁלוֹם יְרוּשָׁלִָם יִשְׁלָיוּ אֹהֲבָיִךְ:ז יְהִי שָׁלוֹם בְּחֵילֵךְ שַׁלְוָה בְּאַרְמְנוֹתָיִךְ:ח לְמַעַן אַחַי וְרֵעָי אֲדַבְּרָה נָּא שָׁלוֹם בָּךְ:ט לְמַעַן בֵּית יְהוָה אֱלֹהֵינוּ אֲבַקְשָׁה טוֹב לָךְ:
נקרא  22  פעמים

לוח מודעות

למעלה