עד לפני שלושה חודשים כל פעם שנתקלתי במאמר או בקטע קוד שכלל sass הייתי נרתעת לאחור ומוותרת. כל העניין היה נראה לי מורכב מדי, וטוב ונעים היה לי עם CSS אז למה לסבך? עד שיום אחד הכל השתנה. פתחנו אתר חדש בשרת פיתוח כדי לפתח עליו תבנית ייחודית חדשה. בדר"כ אנחנו משתמשים ב Underscores כדי ליצור תבנית, והפעם לאה הציעה שנשתמש… להמשך קריאה ←
לפני ארבעה חודשים כתבתי על ענייני נגישות ושמישות בעקבות פרויקט שהתחלתי. בימים אלו אני עומדת בסיומו של אותו פרויקט וחשבתי לסכם את מעללי. לפני שאתחיל עם הפוסט חשוב לי להבהיר כמה דברים בנוגע למה שאביא כאן: זה איננו מדריך step-by-step בדרך אל האושר (או אל תבנית נגישה). כל האמור פה מבוסס על הנסיון שלי בכמה אתרים מאוד ייחודיים עם תבנית מותאמת… להמשך קריאה ←
לפני כחודש נתקלתי בפוסט שהכותרת שלו הייתה Please don’t learn to code. מיותר לציין שהכותרת סיקרנה אותי מאוד אז עשיתי מה שתמיד אני עושה – שמרתי בצד לימים טובים. והנה הם הגיעו 🙂 בתחילת הפוסט מדבר Basel Farag על תנועה שהולכת וצוברת תאוצה שקוראת לכולם ללמוד קוד. הפיסקה הראשונה – שבקריאה מרפרפת ראשונה רק אותה קראתי ממש – העלתה בראשי… להמשך קריאה ←
את שיטות השילוב של שכבה (blend modes) אני מכירה כבר שנים רבות מהפוטושופ. שיטת שילוב היא האופן בו שכבה משתלבת עם השכבות שמתחתיה. שיטות השילוב מאפשרות ליצור שילובים מיוחדים של צבעים, לשנות ערכי צבע בתמונה במקומות הרצויים ולהגיע לאפקטים מיוחדים של שילוב תמונות. לאלו שלא מכירים – ממליצה בחום. למי מכם שרוצה להבין יותר לעומק אפשר לקרוא עליהם או לויזואליים… להמשך קריאה ←
כבר מזמן SVG איננו תופעה חולפת או טרנד חדש. הוא לגמרי חלק בלתי נפרד מתכנות ועיצוב אתרים (ואם אתם לא יודעים מה זה, זה הזמן לקרוא). אז איך זה שרק עכשיו אני מגיעה אליו? שאלה קשה שאין לי ממש תשובה עליה. לא יצא, לא הגעתי לזה, לא היה לנו צורך – אלו תירוצים עלובים. אבל די עם ההלקאה העצמית –… להמשך קריאה ←
אז מה הן בעצם היחידות המוזרות האלו? כבר התרגלנו לפיקסלים (px) ול EM , ל REM ולאחוזים אבל מאיפה הגיעו לעולם vh ו vw? ובכן – vw הוא יחידה המציינת את רוחב התצוגה (view width) והכוונה כמובן לרוחב הדפדפן (viewport) ו view height הוא גובה המסך אם מצויין vh. למה אנחנו צריכים עוד יחידות למדידה? לא מספיק מה שכבר יש?… להמשך קריאה ←
ביולי האחרון כתבתי את הפוסט flex ואני בעקבות פרויקט שעבדתי עליו והשתמשתי לראשונה במאפיין flex. מאז עברו עוד כמה פרויקטים תחת ידי ובאחרון שבהם השימוש שלי ב flex היה נרחב, מאתגר וממש הקל עלי בעיצוב וסידור העמודים השונים וברזולוציות השונות. בעצם, כמעט בכל מקום בו היה לי צורך לעמוד יותר מ 2 אלמנטים בשורה או בטור השתמשתי באופן אוטומטי ב… להמשך קריאה ←
במאפיין display: flex נתקלתי בתחילת 2014 כשפתאום עלו וצפו הרבה פוסטים על המאפיין הקסום הזה שיעשה סדר בארגון האובייקטים על פני הדפדפן. אני חייבת להודות שקראתי כמה פוסטים (כמו Dive into Flexbox ו Flexbox layout isn't slow ואפילו שמרתי לי את The Ultimate Flexbox Cheat Sheet) אבל לא הצלחתי לגמרי להבין איך להשתמש בו. באפריל 2014 לאה ואני נסענו לכנס של smashing magazine… להמשך קריאה ←
מאפיין CSS שחביב עלי במיוחד הוא box-shadow. אפשר לעשות איתו מגוון של דברים והוא נצרב לי בזכרון עם התחלת ההתאהבות שלי ב CSS. אז כמובן כשלאה ורו הקדישה בסדנה שלה (בכנס סמאשניג מאגזין אוקספורד 2014) – זמן לטיפול ב text-shadow מאפיין שהוא חבר של box-shadow כמובן שגם הוא התחבב עלי. לצערי לא יצא לי לממש את אהבתי עד לפרויקט שנכנס… להמשך קריאה ←
אם יש משהו שאני אוהבת לעשות, מלבד לעצב ולכתוב קוד CSS כמובן, זה לסדר. בזמן האחרון עברו תחת ידי כמה פרויקטים שהזדקקו לסדר. אמנם לא בגלל זה הם הגיעו אלי, אלא בשל עבודות תחזוקה שונות – תיקונים, הוספות ושינויים – אבל אין כמו לנצל את העובדה ששוב פותחים את הקבצים כדי לרענן קצת את הקוד 🙂 קריס קויר כתב בפוסט… להמשך קריאה ←
