ראשימדינותהטיולים שליטיולים ותרמילאותאודות
YosefusFlavius

Yosefus flavius

אני בעצמי

קישורים מהירים

  • דף הבית
  • אודות
  • בלוג
אינסטגרם

©2026 Yosefus Flavius WebDeveloper

מה זה Tailwind CSS ולמה כולם מדברים עליה?
  1. בית
  2. /
  3. פיתוח Full Stack

מה זה Tailwind CSS ולמה כולם מדברים עליה?

19 במרץ 2024•2 דקות קריאה

שמעתם על Tailwind CSS ולא בטוחים מה עושים איתה? גיא מסביר איך הפריימוורק הזה שובר את הכללים, מחליף את Bootstrap, ומשנה לגמרי איך כותבים עיצוב אתרים – ועדיין מחייב לדעת CSS אמיתי.

פריימורקי css ובראשם tailwind הולכים ונהיים פופולארים לאחרונה (היא גם בועטת את בוטסטראפ במקומות שלא אוכל להזכיר כאן)🥴 מה זה tailwind?😁 בקצרה - מישהו בונה בשבילכם הרבה קלאסים של css, עם הגדרות שברובם חד שורתיות, ובעזרת הרכבה ביניהם אתם יכולים לבנות עיצוב כמעט ככל העולה על רוחכם. היתרון -👍 ללא תחזוקה של קבצי css אבל עדיין כל קומפוננטה מביאה את העיצוב שלה איתה. ללא דאגה של דריסת קלאס ניימס שחוזרים על עצמם - כתיבה מהירה, ועיצוב תוך כדי כתיבת הhtml. החיסרון - 👎 לעיתים יש הרגשה של ראשי תיבות כאלו של משוחררים טריים, קסט"ח עגיט"כ ברלל"מ כלל"ך. עקומת למידה קצת מוזרה - כי אתה לומד לכתוב דברים שאתה כבר יודע לכתוב. להבדיל משאר הספריות שמביאות עיצוב מובנה, כאן אנחנו פשוט כותבים css בצורה שונה (למעט הגדרות מובנות של עיגולים והצללות). מה שמצריך יותר כתיבה אבל נותן עודף גמישות. וזה אומר שאתם חייבים לדעת css "רגיל" כדי לדעת tailwind- זה רק סינטקס אחר! ובמילותיו של מהטמה גנדי - אם אתם שונאים css אתם תשנאו גם את tailwind. וכמו שאתם יודעים - אני עדיין אוהב לכתוב scss ישן וטוב, מהמון סיבות. אבל היה נחמד לכתוב tailwind כדי לראות על מה המהומה. ולא תאמינו אבל את כל המאמר הזה לשם שינוי כתבתי בעצמי כדי להוכיח שגם אנשים יכולים לכתוב דברים ולא רק בינה מלאכותית. כמובן שכאן אתם יכולים לשאול מי אמר שאני לא בינה מלאכותית אבל אני לא אענה לכם כי לא תכנתו אותי לענות על זה.

שתף את המאמר

שתפו:
Yosefus Flavius

נכתב על ידי

Yosefus Flavius

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

עקבו באינסטגרםעוד עליי
הכתבה הקודמתהוקים מותאמים אישית ב-React: איך ליצור ולהשתמש ב-useApiהכתבה הבאהאיך לגרום לגלילה בציר X לעצור בדיוק על כרטיסים עם CSS בלבד

כתבות דומות

כתבות קשורות

כתבות דומות

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע
פיתוח Full Stack/פרונט אנד

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע

בפוסט הזה נלמד על שימוש ב־mix-blend-mode ב־CSS, טכניקת עיצוב מגניבה שמאפשרת לשלב את התוכן של האלמנט עם הרקע והאב בצורה מרהיבה ומיוחדת.

27 באפריל 2025
איך להוסיף גלילה חלקה ב-CSS
פיתוח Full Stack/פרונט אנד

איך להוסיף גלילה חלקה ב-CSS

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

27 באפריל 2025
האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0
פיתוח Full Stack/פרונט אנד

האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0

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

27 באפריל 2025