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

Yosefus flavius

אני בעצמי

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

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

© 2025 Yosefus Flavius WebDeveloper

אופציה ל-Dark Mode בקלות: איך להרוס לעצלנים את הדף הבהיר שלהם - מדריך מקיף עם טיפים ומידע שימושי

אופציה ל-Dark Mode בקלות: איך להרוס לעצלנים את הדף הבהיר שלהם

  1. בית
  2. >
  3. Full Stack
18 באוגוסט 2024• זמן קריאה: 1 דקות

קבלו דרך פשוטה ואלגנטית להוסיף Dark Mode לאתר בעזרת CSS Variables בלבד — בלי ספריות חיצוניות ובלי דמעות!

הוספת אופציה של dark mode לאתר בקלות (גם מי שיש לו מילה בעברית לזה אנא לא להציק). 🦄 יש אנשים מוזרים שכנראה בגלגולים קודמים עדרו בשור וחמור יחדיו או משהו, שאוהבים דפים לבנים. אז כמובן ברוח התקופה, האחדות וקבלת האחר: אתם איומים ונוראים. 😍 אז כדי לתמוך בשגעונות של אותם פראי אדם שבטוח שופכים מיונז על הצ'יפס שלהם, קונים חליפות בצבע טורקיז ומתקלחים באמוניה. 🐱 אנחנו כמפתחי אתרים נוהגים לתת להם אופציה להחריב לנו את האתר כדי שיהיה להם טוב בלב ולנו טוב בכיס. וכמו כל דבר בחיים יש שלושמאות דרכים יצירתיות איך לעשות את זה, ואחת מהם היא כדלהלן: הגדרת כל הצבעים באתר כמשתני css, 🚀 שימוש במשתנים במקום בצבעים hard coded (עד כאן תמיד רעיון טוב בלי קשר לכלום),🚀 שינוי המשתנים לפי בחירת המשתמש המופרע בעזרת הוספת אטריביוט (עתריביות?) שעליו מוגדרים ערכים אחרים למשתנים,🚀 done 👑

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