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

Yosefus flavius

אני בעצמי

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

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

©2026 Yosefus Flavius WebDeveloper

שלושה טריקים ב־Tailwind שיחסכו לכם זמן
  1. בית
  2. /
  3. פיתוח Full Stack

שלושה טריקים ב־Tailwind שיחסכו לכם זמן

27 באפריל 2025•1 דקות קריאה

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

תוכן העניינים
  • 1. קונטיינרים (בעברית - מיכלוניונים). 😀
  • 2. הצללה - shadow. 😀
  • 3. עיגול פינות - Rounded. 😀

נתחיל מהקל לקליל:

1. קונטיינרים (בעברית - מיכלוניונים). 😀

הגדרה שנועדה להקל על הקוראים שמשתמשים במסכים רחבים שלא יצטרכו להזיז את העיניים יותר מדיי ולהתעייף (כי אנחנו דור של נקניקיות). ההגדרה פשוט מוסיפה max-width. * שימו לב להרחבה בjs דרך הconfig שממרכזת באופן דפולטיבי (בעברית - ברירת מחדלי) את הקונטיינר ללא צורך בmx-auto.

2. הצללה - shadow. 😀

הגדרה נפוצה שג'וניורים שונאים למוות - בגלל שהיא נראית מחריד אם לא עושים אותה נכון. אז יש מנעד של הצללות שניתן להוסיף החל מsm וצפונה - וכולם נראות יחסית מעולה. לדוגמא: shadow-lg. * בדוגמא הוספתי עוד shadow אחד אישי דרך הconfig כדי להרגיש מתוחכם.

3. עיגול פינות - Rounded. 😀

גם כאן יש מנעד של עיגלולים שניתן להוסיף החל מsm עד full (שיוצר כדורים מושלמים אם הרוחב והגובה שווים). תחל שנה וברכותיה וכל מיני משפטי איחול לבביים שכותבים בעונה הזו!

שתף את המאמר

שתפו:
Yosefus Flavius

נכתב על ידי

Yosefus Flavius

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

עקבו באינסטגרםעוד עליי
הכתבה הקודמתאיך יוצרים אפקט נאון לטקסט ב-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