קטגוריה: תכנות

מבוא לריאקט ו-CSS

חוויות שלי בעבודה עם ריאקט, כמובן בהקשר של CSS. אפרט קצת על איזה שיטות יש, מה אנחנו בחרנו. קצת על איך משתמשים ב Css-Modules, איך מכניסים קלאסים, מה עושים אם יש יותר מאחד, שיטות שמות לקלאסים איך ולמה. להמשך קריאה ←

כפתורים וקישורים

כן, כן, אני יודעת שאנחנו כבר בשנת 2020 ואין שום שינויי בסמנטיקה של כפתורים או של קישורים. אז מה כל כך מעניין בהם פתאום? האמת, לא ברור, אבל שני פוסטים שפורסמו בחודש האחרון ועוסקים בנושא הביאו אותי לכתוב את הפוסט הזה 🙂 להמשך קריאה ←

css וטרנדים של עיצוב לשנת 2020

אני לא מתיימרת להביא פה את הרשימה שלי לטרנדים של עיצוב אתרים לשנת 2020, במיוחד לאור העובדה שאני כבר כמה שנים טובות לא מעצבת אלא מפתחת css. הפעם אני רוצה להביא נקודת מבט חדשה לקריאה של פוסטים לטרנדים עיצוביים – ראייה של יישום ב-css. להמשך קריאה ←

thumb-scss-3

scss ואני – כתיבה וארכיטקטורה

כידוע, ב-scss אפשר לחלק את הקוד שלנו לקבצים נפרדים (שזה אחד היתרונות הגדולים של scss בעיניי). אבל לא מספיק לחלק את הקוד לחלקים קטנים, צריך לדעת גם איך לארגן אותם כך שיהיה קל והגיוני למצוא אותם. איך עושים את זה נכון, יש כנראה לא מעט תשובות לשאלה הזאת 🙂 להמשך קריאה ←

המסע אל עבר ה-Style-guide

style-guide הוא סט של סטנדרטים ועקרונות של המוצר עבור המפתחים והמעצבים. הסט מאפשר לשמור על אחידות העיצוב ולהקל על הפיתוח. יצאתי לדרך עם רצון מאוד ברור, הדרך הייתה דרך חתחתים, אבל בסופה הגעתי לתוצאה משביעת רצון. להמשך קריאה ←

דרכים לעבודה עם אייקונים

שטוחים או תלת מימדיים, גדולים או קטנים, מונוכרומטיים או צבעוניים, סטטיים או אנימטיביים. עם כיתוב או בלי. מגוון האפשרויות כל כך גדול, ואני לא חושבת שיש אתר שאין בו שימוש בלפחות אייקון אחד. אז איך עושים את זה נכון? להמשך קריאה ←

scss-thumb

scss ואני – מעמיקים יחסים

בעבר כתבתי על המפגש שלי עם scss והסיבות שאני אוהבת אותו. כבר אז כשכתבתי את הפוסט והתחלתי להשתמש ב-scss ידעתי שאני נוגעת  רק בקצה היכולת שלו. למזלי הגדול, מאז שאני עובדת ב investing.com (למי שפספס – מוזמנים לקרוא על המעבר), אני כל הזמן נחשפת לעוד ועוד יכולות של scss ושימושים שונים בתוכו. אני עדיין רחוקה מלומר שאני שולטת בכל הרזים, אבל כל יום אני לומדת ומחכימה 🙂 להמשך קריאה ←

thumb_css-chalenge

משחקים בארגז החול

מי שמכיר אותי יודע שחול ואני לא ממש חברים טובים. אני מוכנה לסבול אותו בים (ורק שם. נסו פעם לחזור עם ילדים מהים בלי חול 😉 …). אז מה פתאום ארגז חול? כי זה התרגום בעברית, וכמו כל דבר אחר – באנגלית זה נשמע טוב יותר – sandbox. יש הרבה אתרים וכלים שמאפשרים לנו לנסות קטעי קוד, אבל החביב עלי ביותר… להמשך קריאה ←

תמונה מלווה לפוסט

display: grid – פרולוג

כבר כמה חודשים שאני אוספת לינקים ומידע על display:grid . כל פעם שנקרה בדרכי לינק מעניין, אני קוראת ושומרת לי בצד ללמידה מעמיקה שתוביל כמובן גם לפוסט מעניין. אבל הימים עוברים ושום משהו גדול לא נכנס תחת ידי שאוכל ליישם עליו את המאפיין המעניין הזה כדי להתנסות בו. ירימו גבה חלקכם ויגידו – אז תתנסי ב codepen. נכון, אני לא… להמשך קריאה ←