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

MAY RESPONSIVE IMAGES BE WITH YOU

תמונות רספונסיביות

כן, נשמע קצת פוסט מ-2015. כבר שמענו המון עליהם, תכלס – אנחנו לא עושים איתם כלום. אולי "אנחנו" זה קצת מוגזם, אז אני אסתפק באולי "רובנו" לא באמת משתמשים בהם מספיק. אז למה פתאום זה עלה? באחד הניוזים שאני מנויה עליהם היה לינק להרצאה של Jason Grigsby על תמונות רספונסיביות. Jason Grigsby הוא חלק מהצוות של W3C שקובע את התקן… להמשך קריאה ←

sass-thumb

SCSS

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

a11y-thumb

בדרך לתבנית וורדפרס נגישה

לפני ארבעה חודשים כתבתי על ענייני נגישות ושמישות בעקבות פרויקט שהתחלתי. בימים אלו אני עומדת בסיומו של אותו פרויקט וחשבתי לסכם את מעללי. לפני שאתחיל עם הפוסט חשוב לי להבהיר כמה דברים בנוגע למה שאביא כאן: זה איננו מדריך step-by-step בדרך אל האושר (או אל תבנית נגישה). כל האמור פה מבוסס על הנסיון שלי בכמה אתרים מאוד ייחודיים עם תבנית מותאמת… להמשך קריאה ←

ללמוד קוד

כולם צריכים ללמוד קוד?

לפני כחודש נתקלתי בפוסט שהכותרת שלו הייתה Please don’t learn to code. מיותר לציין שהכותרת סיקרנה אותי מאוד אז עשיתי מה שתמיד אני עושה  – שמרתי בצד לימים טובים. והנה הם הגיעו 🙂 בתחילת הפוסט מדבר Basel Farag על תנועה שהולכת וצוברת תאוצה שקוראת לכולם ללמוד קוד. הפיסקה הראשונה – שבקריאה מרפרפת ראשונה רק אותה קראתי ממש – העלתה בראשי… להמשך קריאה ←

blendmode-thumb

שיטות שילוב (blend-modes) ב- css

את שיטות השילוב של שכבה (blend modes) אני מכירה כבר שנים רבות מהפוטושופ. שיטת שילוב היא האופן בו שכבה משתלבת עם השכבות שמתחתיה. שיטות השילוב מאפשרות ליצור שילובים מיוחדים של צבעים, לשנות ערכי צבע בתמונה במקומות הרצויים ולהגיע לאפקטים מיוחדים של שילוב תמונות. לאלו שלא מכירים – ממליצה בחום. למי מכם שרוצה להבין יותר לעומק אפשר לקרוא עליהם או לויזואליים… להמשך קריאה ←

svg-thumb

סוף סוף SVG

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

thumb_viewport

יחידות הקסם VH ו VW

אז מה הן בעצם היחידות המוזרות האלו? כבר התרגלנו לפיקסלים (px) ול EM , ל REM ולאחוזים אבל מאיפה הגיעו לעולם vh ו vw? ובכן – vw הוא יחידה המציינת את רוחב התצוגה (view width) והכוונה כמובן לרוחב הדפדפן (viewport) ו view height הוא גובה המסך אם מצויין vh. למה אנחנו צריכים עוד יחידות למדידה? לא מספיק מה שכבר יש?… להמשך קריאה ←

thumb_flex2

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

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

thumb_flexbox

FLEX ואני

במאפיין display: flex נתקלתי בתחילת 2014 כשפתאום עלו וצפו הרבה פוסטים על המאפיין הקסום הזה שיעשה סדר בארגון האובייקטים על פני הדפדפן. אני חייבת להודות שקראתי כמה פוסטים (כמו Dive into Flexbox ו Flexbox layout isn't slow ואפילו שמרתי לי את The Ultimate Flexbox Cheat Sheet) אבל לא הצלחתי לגמרי להבין איך להשתמש בו. באפריל 2014 לאה ואני נסענו לכנס של smashing magazine… להמשך קריאה ←

טקסט עם צל – text-shadow

מאפיין CSS שחביב עלי במיוחד הוא box-shadow. אפשר לעשות איתו מגוון של דברים והוא נצרב לי בזכרון עם התחלת ההתאהבות שלי ב CSS. אז כמובן כשלאה ורו הקדישה בסדנה שלה (בכנס סמאשניג מאגזין אוקספורד 2014) – זמן לטיפול ב text-shadow מאפיין שהוא חבר של box-shadow כמובן שגם הוא התחבב עלי. לצערי לא יצא לי לממש את אהבתי עד לפרויקט שנכנס… להמשך קריאה ←