ראשיאודותטיוליםצילוםfull Stackמדינות
Yosefus Flaviuswebsite logo

Yosefus flavius

אני בעצמי

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

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

©2025 Yosefus Flavius WebDeveloper

שלושה טריקים ב־Tailwind שיחסכו לכם זמן  - מדריך מקיף עם טיפים ומידע שימושי

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

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

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

תוכן המאמר

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

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

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

2. הצללה - shadow. 😀

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

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

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

שתף את המאמר

linkedin
whatsapp
facebook
x

אודות הכותב

Y

Yosefus Flavius

כותב הבלוג

כתבות דומות

כתבות קשורות

כתבות דומות

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

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

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

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

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

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

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

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

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