אז מה הן בעצם היחידות המוזרות האלו? כבר התרגלנו לפיקסלים (px) ול EM , ל REM ולאחוזים אבל מאיפה הגיעו לעולם vh ו vw? ובכן – vw הוא יחידה המציינת את רוחב התצוגה (view width) והכוונה כמובן לרוחב הדפדפן (viewport) ו view height הוא גובה המסך אם מצויין vh. למה אנחנו צריכים עוד יחידות למדידה? לא מספיק מה שכבר יש?… להמשך קריאה ←
ביולי האחרון כתבתי את הפוסט flex ואני בעקבות פרויקט שעבדתי עליו והשתמשתי לראשונה במאפיין flex. מאז עברו עוד כמה פרויקטים תחת ידי ובאחרון שבהם השימוש שלי ב flex היה נרחב, מאתגר וממש הקל עלי בעיצוב וסידור העמודים השונים וברזולוציות השונות. בעצם, כמעט בכל מקום בו היה לי צורך לעמוד יותר מ 2 אלמנטים בשורה או בטור השתמשתי באופן אוטומטי ב… להמשך קריאה ←
בקיץ האחרון בן משפחה שלי חגג בר מצווה. כמובן שאני הייתי אחראית על החלק העיצובי 🙂 בר המצווה נחלקה לאירוע ולשבת. היו לי 3 משימות: עיצוב הזמנה, עיצוב כרטיסים לסידור מקומות ישיבה באולם ועיצוב לסימוני השולחנות בשבת. כשחשבנו על ההזמנה, התלבטנו (ההורים, איתן ואני) אם לשלב בהזמנה תמונות של איתן או ייצוג של התחביבים שלו. בסופו של דבר נבחרה ההזמנה… להמשך קריאה ←
תבנית ייעודית וייחודית למגזין האינטרנטי. התבנית אופיינה ועוצבה במו"פ של אורט ישראל. תחום אחריות: יישום העיצוב בתבנית. כתיבת כל הקוד ה CSS מאפס (התבנית לא מתבססת על bootstrap). תבנית רספונסיבית מותאמת לדפדפני מובייל (אנדרואיד, ios) ודסקטופ (אקפלורר 10 ומעלה, פייקפורס וכרום). להמשך קריאה ←
התאמת תבנית חינמית (Revera) שהותאמה לצורכי המו"פ וקיבלה צבעוניות משלה. תחום אחריות: 1. מציאת תבנית מתאימה לאתר ייצוגי למו"פ. 2. תרגום האתר לעברית (RTL) להמשך קריאה ←
תבנית אשר תוכנתה בוורדפרס לראשונה בשנת 2010, ומאז עברה הרבה עידכונים ושיפורים. תחום אחריות בפרויקט: 1. תכנות: UI רספונסיבי – התאמת התבנית לרזולוציות שונות. 2. ניהול פרויקט שידרוג התבנית – ניהול קשר עם התמיכה ומנהלי האתרים, אחריות על ההעלות לאויר ל 50 אתרי בתי הספר. יצירת מסמך מסכם לשינויים שחלו בתבנית. להמשך קריאה ←
בניית תבנית ייעודית למובייל. תחום אחריות: 1. התאמת העיצוב הקיים (דסקטופ) למובייל. 2. כתיבת הקוד ה css. להמשך קריאה ←
תבנית רספונסיבית לניוזלטר של אורט המותאמת למערכת php-list. תחום אחריות: בניית כל מבנה ה HTML של מבנה הניוזלטר, יישום העיצוב והתאמה למובייל. להמשך קריאה ←
תבנית ייחודית שאופיינה ועוצבה במיוחד לפרויקט. התבנית במקור אופיינה ועוצבה אך ורק לרזולוציית דסקטופ (בזמן הפרויקט – רוחב של 960px). בעת כתיבת ה css החלטתי שלא ל"הקפיא" את התבנית אלא להגמיש אותה כך שתתאים לכל הרזולוציות מ 320 פיקסלים ועד לרזולוציית דסקטופ. תחום אחריות: 1. כתיבת הקוד ה CSS 2. רספונסיב – התאמת התבנית לרזולוציות שונות להמשך קריאה ←
תבנית בת המתבססת על תבנית האתר של חינוך הוליסטי. תחום אחריות: 1. בניית תבנית הבת – התאמות קלות ב php 2. התאמות css לפי העיצוב לתבנית בת. להמשך קריאה ←
