ראשיאודותטיוליםצילוםfull Stack
Yosefus FlaviusYosefus Flavius

Yosefus flavius

אני בעצמי

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

  • דף הבית
  • אודות
  • בלוג
logo

© 2025 Yosefus Flavius WebDeveloper

כל מה שצריך לדעת על צבעים ב־Tailwind CSS: טיפים, טריקים ואינטואיציה ️ - מדריך מקיף עם טיפים ומידע שימושי

כל מה שצריך לדעת על צבעים ב־Tailwind CSS: טיפים, טריקים ואינטואיציה ️

  1. בית
  2. >
  3. Full Stack
27 באפריל 2025• זמן קריאה: 1 דקות

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

הנושא הקליל של היום הוא - צבעים בTailwind. 😍 כמובן שאם אי פעם כתבתם אפילו אות אחת בtailwind כבר השתמשתם בזה לרוב. אבל אם אתם כבר פה יאללה ברדק! 1. ישנה "טבלה" של צבעים מובנית שהם תכננו במיוחד בשבילכם, עם כמות מכובדת מדיי של צבעים. שלכל אחד יש מספר וריאציות. לדוגמא: bg-red-50 bg-red-100 bg-red-200 כל הדרך עד 900 ואז יש גם 950 רק כדי להציק 2. ניתן להוסיף או להחליף לגמריי את פלטת הצבעים בעזרת הconfig. בנימה אישית: 🤩 הצבעים שישנם ממש חביבים לטעמי, ויש משהו ממש נחמד בפשטות של שמות אינטואטיבים ולא danger warning כמו כל מיני ילדים רעים.

linkedin
whatsapp
facebook
x
Y

Yosefus Flavius

כותב הבלוג

כתבות קשורות

כתבות דומות

איך להוסיף Dark Mode ב-React עם Tailwind CSS ו-Zustand תוך 20 שניות
27 באפריל 2025
Full Stack>>פרונט אנד

איך להוסיף Dark Mode ב-React עם Tailwind CSS ו-Zustand תוך 20 שניות

במדריך הזה תוכל ללמוד איך להוסיף Dark Mode בצורה פשוטה ויעילה לפרויקט React שלך, תוך שימוש ב-Tailwind CSS, ShadCN ו-Zustand. תוכל לשנות בין מצבים בעזרת קומפוננטות מוכנות והגדרות CSS מוכנות מראש. קוד קל, חיסכון בזמן, ויכולת עיצוב מלאה!

@apply ב־Tailwind: מה זה ואיך להשתמש בזה נכון
27 באפריל 2025
Full Stack>>פרונט אנד

@apply ב־Tailwind: מה זה ואיך להשתמש בזה נכון

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

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

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

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