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

Yosefus flavius

אני בעצמי

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

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

©2026 Yosefus Flavius WebDeveloper

אופציה ל-Dark Mode בקלות: איך להרוס לעצלנים את הדף הבהיר שלהם
  1. בית
  2. /
  3. פיתוח Full Stack

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

18 באוגוסט 2024•1 דקות קריאה

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

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

שתף את המאמר

שתפו:
Yosefus Flavius

נכתב על ידי

Yosefus Flavius

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

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