כל הפוסטים בCSS
הדרך לעצב את האתר, לגרום לכל דף ולכל רכיב להראות טוב יותר ומושך יותר.
אין תוכניתן צד לקוח ללא ידע ב-CSS, זה אחד הדברים החשובים ביותר בעבודה שלנו והפחות סלחני.
אם אתה לא יודע מה אתה עושה שם, העבודה תהיה הרבה יותר קשה ותיקח הרבה יותר זמן.
לכן אני ממליץ להתמקצע כמה שיותר ב-CSS, כמה שתהיו טובים יותר כך הפיתוח יהיה קל ומהיר יותר (וכמובן שמקצועי יותר).
זה החלק שמושך את הלקוח, לא ה-HTML ולא ה-JS אלא מה שרואים וזה ה-CSS.
איך לשנות ערכת נושא (Theme) – dark/light mode
נכיר מה זה css variables, נקים שירות באנגולר ו-2 ערכות נושא, אחת בהירה והשניה כהה. בשירות נקים פונקציה שתעבור ל-theme
CSS מותאם לכיוון הדף
נראה דוגמה לבניה ללא left/right אלא התחלה וסיום של השורה, נראה מה קורה כשצריך להגדיר פינות שדורשות X ו-Y כמו
רכיבים נגישים: כפתורי רדיו ותיבות סימון מעוצבים
מכירים את זה שהמעצב נותן מראה חדש לחלוטין לכפתור רדיו או תיבת סימון ולא ניתן להגיע למראה הזה בעזרת CSS,
מיצוב תוכן בתגיות HTML , שמעתם על תגית pre?
יש דרכים רבות להתמודד עם תוכן המוזן לתוך תגיות שונות (כגון p , span ועוד..). לדוגמה אם ניכח תגית המוכרת
SVG Animation – טריק נחמד ויעיל לאנימציה ב-SVG
יש עולם שלם סביב SVG ואנימציות באינטרנט. מי שעוד לא מכיר כלכך וחשב על אנימציות בשילוב באתרים, אז יש כמה
מדריך css | מה כבר אפשר לעשות עם box-shadow
בפוסט הזה השייך למדריך css נעבור על אפשרויות הצללה ב css הפכו למאוד שימושיים. ויש כמה שימושים מעניינים שאולי עוד
שימוש ב-currentColor CSS
ב-CSS יש משתנה בשם currentColor הוא מקבל ושומר את הצבע האחרון שנקבע לו, זה יכול להיות מאותו רכיב או מרכיב שעוטף אותו
סטיקי פוטר – הגרסה הקלאסית
בטח אתם נתקלתם בבעיה כשאין הרבה תוכן בעמוד ופתאום הפוטר של האתר שלכם תקוע באמצע הדף… אז איך מצמידים אותו
רשימת css selectors
רשימת סלקטורים שטוב לדעת ב-CSS: * בוחר הכל (כל התגיות) – לא להשתמש בו, אלא אם הוא בא עם סלקטור