CSS בוטסטראפ לעומת tailwindcss

בניית אתרים וחוויית משתמש >> תוכן מקצועי

וזאת לתעודה
יש הרבה סיבות טובות לשמוח בברכת "שעשני כרצונו". אחת מהן היא הזכות להתענג על נוסטלגיה ובלי להיחשד ברגשנות-יתר. זה מה שעשיתי אתמול בלילה. ישבתי...
4.80 star(s) 5 דירוגים
לקראת אירוע ומחפשים מזכרת שקולעת בול? קבלו כמה טיפים.
נדיר בימינו להשתתף באירוע, בין אם אירוע עסקי ובין אם אירוע משפחתי, ולצאת ממנו ללא מזכרת ממותגת. מזכרת משרתת את שני הצדדים, המשתתפים מרגישים שהם...
אמנות לא מדפיסים ברוטציה!
עוד פרק בסדרת ההבאה לדפוס שכל גרפיקאי חייב ללמוד, והפעם: מדוע הצבעים יצאו שונים כשעברנו להדפיס ברוטציה? פרק משלים על ההבדלים בין דפוס שטוח ודפוס...
שבת שלום שדה...גיט שאבעס אדמה!
סיימתי במכללת פרוג קורס צילום!!! פרוג זה משפחה לכל דבר!! שעות של הנאה ולימוד ... נהניתי מכל שניה! שהייתי צריכה להחליט על פרויקט גמר, כבר היה לי...

אלעזר 1

מנהל המרחב הטכני בפמ"ג
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
כתיבה ספרותית
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
האם יש כאן מישהו שהתנסה ב-tailwindcss ויכול לומר מנסיון במה זה עדיף / שונה מבוטסטראפ?
 

this my name

משתמש פעיל
פיתוח / אפיון / עיצוב אתרים
אני השתמשתי בשניהם, ההבדלים העיקרים שראיתי:
בבוסטראפ הקוד יותר נקי, קריא. לא צריך על כל תכונה של CSS להוסיף קלאס.
לצורך ההשוואה, כך יראה button בבוסטראפ:
HTML:
<button type="button" class="btn btn-primary">Primary</button>
וכך בtailwindcss :
HTML:
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
  Button
</button>
בנוסף בבוסטראפ יש אוטומטית את כל הeventים של ה button:
hover, focusOn , focusOut, click וכו'.

ניתן לראות את ההשוואה פה:
1622573020705.png 1622573020705.png
 

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
@אלעזר 1
בוטסטראפ היא ספריית קומפננטות ויש לה גם עזרים כללים בCSS
tailwind היא ספריה ללא קומפוננטות.
הבלעדיות של האחרונה שלא רואים על העיצוב מיד שזה tailwind כמו שראוים בבוטסטראפ עוד לפני שחוקרים...

אני אישית אוהב יותר את tailwind
אבל אני משתמש איתו עם NPM וכך הוא יותר גמיש
(אפשר ליצור קלאסים על הקלאסים שלו וכמובן להוסיף עוד וריאציות וכו')
 

אלעזר 1

מנהל המרחב הטכני בפמ"ג
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
כתיבה ספרותית
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
@אלעזר 1
בוטסטראפ היא ספריית קומפננטות ויש לה גם עזרים כללים בCSS
tailwind היא ספריה ללא קומפוננטות.
הבלעדיות של האחרונה שלא רואים על העיצוב מיד שזה tailwind כמו שראוים בבוטסטראפ עוד לפני שחוקרים...

אני אישית אוהב יותר את tailwind
אבל אני משתמש איתו עם NPM וכך הוא יותר גמיש
(אפשר ליצור קלאסים על הקלאסים שלו וכמובן להוסיף עוד וריאציות וכו')
איך אתה מסתדר מאידך עם מה שכתב @this my name , או שכבר התרגלת (או שאתה עובד עם אפיון מוכן)?

@יידישע קאפ מוזמן גם.
 

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
איך אתה מסתדר מאידך עם מה שכתב @this my name , או שכבר התרגלת (או שאתה עובד עם אפיון מוכן)?
ראשית מתרגלים
שנית אני עובד גם עם קלאסים רגילים בהם אני משתמש עם הקלאסים של taiwind (כמובן עם webpack)
CSS:
.btn {
    @apply
        rounded-full
        font-bold
        curser-pointer
        hover:opacity-85
        hover:shadow
}
 

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

עומדים למשפט ⚡ שיפוט טיפוגרפי הערב בפמ"ג. אתם מוזמנים!
איך פתחתם את תשפ"ב? אנחנו בפמ"ג פתחנו אותה ביצירות טיפוגרפיות מרהיבות שהכניסו את כולנו לאווירת החגים...
אתה צודק שהאוטובוס לא הגיע. אבל לא על חשבון הנוסעים.
כשהחושך ירד//
בְּמוֹתָם// הַקֹּטְפִים מַלּוּחַ עֲלֵי שִׂיחַ וְשֹׁרֶשׁ רְתָמִים לַחְמָם. [איוב ל' ד'] וּכְשֶׁהַחֹשֶׁךְ יֵרֵד נִשּׁאֵר לְלֹא מִלִּים...
אוהבים נוגט? גם אנחנו! כדורי שוקולד-נוגט
אצלנו אוהבים נוגט בכל צורה שהוא. אבקה, קרם, עוגה, שוקולד, משקה... מסוג הדברים שכאשר אני מכינה אותם, אני מניחה אותה בהקפאה מתחת מגש עוף, או מאחור...

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

עומדים למשפט ⚡ שיפוט טיפוגרפי הערב בפמ"ג. אתם מוזמנים!
איך פתחתם את תשפ"ב? אנחנו בפמ"ג פתחנו אותה ביצירות טיפוגרפיות מרהיבות שהכניסו את כולנו לאווירת החגים...
אתה צודק שהאוטובוס לא הגיע. אבל לא על חשבון הנוסעים.
כשהחושך ירד//
בְּמוֹתָם// הַקֹּטְפִים מַלּוּחַ עֲלֵי שִׂיחַ וְשֹׁרֶשׁ רְתָמִים לַחְמָם. [איוב ל' ד'] וּכְשֶׁהַחֹשֶׁךְ יֵרֵד נִשּׁאֵר לְלֹא מִלִּים...
אוהבים נוגט? גם אנחנו! כדורי שוקולד-נוגט
אצלנו אוהבים נוגט בכל צורה שהוא. אבקה, קרם, עוגה, שוקולד, משקה... מסוג הדברים שכאשר אני מכינה אותם, אני מניחה אותה בהקפאה מתחת מגש עוף, או מאחור...

המספרים של פרוג:

337,452

משתמשים נכנסו לפרוג בחודש האחרון

587

משתמשים מבקרים ברגע זה באתר

4,986

הודעות נכתבו בממוצע ליום בחודש האחרון

לוח נדל"ן | למכירה והשכרה

לוח הסעות ושליחויות

לוח דרושים

למעלה
לשיחת ווטסאפ עם בית פרוג
צ'אט בווטסאפ בנושאי יעוץ לימודים, פדגוגיה ומזכירות
היי, אפשר לדבר איתנו, אנחנו כאן!