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

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 כמובן שגם הוא התחבב עלי. לצערי לא יצא לי לממש את אהבתי עד לפרויקט שנכנס… להמשך קריאה ←

css order

סדר פסח

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

thumb_responsiveSprite

Responsive Sprite

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

לתכנת במערכת WordPress עיצוב ייחודי של דף לוגין (login)

הפוסט הופיע במקור ב 14.08.2013 בבלוג של לאה: ליקוטי שיבלים לפני כמה חודשים לאה שלחה לי מייל עם הנושא: "תראי, אפשר לעצב את דף הלוגאין של וורדפרס" שכלל כמובן לינק להדרכה לביצוע ודמו נחמד. הבקשה של לאה הגיע בתזמון מושלם – בדיוק היה לי "חור" ברצף העבודה ובחרתי אתר לנסות עליו את העניין 🙂 נגשתי לעבודה כמעצבת -פתחתי פושטושופ והתחלתי לעצב.… להמשך קריאה ←