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

Yosefus flavius

אני בעצמי

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

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

© 2025 Yosefus Flavius WebDeveloper

איך להשתמש ב-has() ב-CSS להחלת Dark Mode בצורה פשוטה - מדריך מקיף עם טיפים ומידע שימושי

איך להשתמש ב-has() ב-CSS להחלת Dark Mode בצורה פשוטה

  1. בית
  2. >
  3. Full Stack
6 בנובמבר 2024• זמן קריאה: 1 דקות

בפוסט הזה נלמד איך להשתמש ב-has() ב-CSS להחלת dark mode על אתר, בעזרת משתני CSS. גלו איך לבצע את ה-toggle של dark mode בצורה פשוטה ויעילה בעזרת pseudo-class חדש שמהפך את העבודה עם עיצובים דינמיים.

מאז שאי שם ב2023 יצא הhas והצטרף לis וnot כולנו השתמשנו בהם השווצנו ורווינו נחת. 🤓 ואם אין לכם מושג על מה אני מדבר אני בהחלט קצת מקנא בכם - 😎 החיים שלכם בטח נטולי דאגות והדבר היחיד שמטריד את מנוחתכם זה האם יגמר החלב סויה בטעם קרמל מלוח מהצרכניה ליד הוילה שלכם בקיסריה. 🥱 ולמרות שניסינו להרגיע טיפה עם הפוסטי css, ההכרח לא יגונה שתיחשפו סוף סוף לשימוש קצת פחות נישתי (?) בpseudo-class הנ"ל. 🦄 אז הcodepen בתגובות יראה שימוש פשוט ביותר לtoggle של dark-mode בעזרת משתני css וhas. * ביקשתי מclaude שיכתוב את הקוד למטה - ולמרות שכיוונתי אותו מספר פעמים בעזרת זפטות הגונות יש לי המון השגות על הדרך בה הוא עשה את הtoggle 🙄 ועם כל הכבוד לai. בנתיים לתוצאה ספציפית בcss בדרך שאני רוצה, לא משנה כמה אני מסביר הם לא מצליחים להגיע מעבר לציון 90% (לשם ההגינות אני עם החינמיים). * אני עוד אעלה תכנים על ריאקט ועוד מלא טכנולוגיות חמודות שאני משחק בהם כרגע - אל תדאגו.

linkedin
whatsapp
facebook
x
Y

Yosefus Flavius

כותב הבלוג

כתבות קשורות

כתבות דומות

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

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

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

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

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

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

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

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

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