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

טבלה דינמית – סיפור על css variables

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

יחידת REM בדפדפן ואיך להשתמש בה

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

משחקים וציורים ב-css

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

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

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

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

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

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

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

thumb-scss-3

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

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

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

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

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

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