retina display

[polinekes]

הי אמנון
בהמשך לשיחתנו מתזכרת אותך לגבי בדיקת העניין עם יונית
כדאי שנוכל להתקדם בהקדם

@Basicben @NoamRom89 @michalassif @amnoid

[polinekes]

הי אמנון

יש חדש בנושא הרזולציה
נשמח בכל עדכון

@Basicben @NoamRom89 @michalassif @amnoid @mushon

[amnoid]

היי

רצ״ב תשובתה של יונית באופן כללי:

טוב, קודם כל אין פה נכון ולא נכון, אלא מה יותר או פחות מקובל וכל מקרה תלוי
גם בקוטנקסט.

• ט_יפול בתמונות_: יש הדוגלים בשמירת שני גדלים של תמונות (ענק וקטן).
  כשבאמצע יש plugins שעושים resize, או הגדרת גודל התמונה באחוזים מהאבא שלה.
  בשום אופן לא לשנות את הגודל של התמונה בעזרת CSS כי היא תראה אכולה/מפוקסלת.
  אפשר גם להגדיר תמונות רקע שונות במשקלים ובגדלים שונים ב- media queries
  (הסבר למטה). יש גם plugins שמציגים את התמונות לפי רוחב המסך:
  http://jquerypicture.com/, https://github.com/scottjehl/picturefill ויש עוד
  מלא. יש תגית חדשה מיוחדת לתמונות רספונסיביות אבל אף אחד עדיין לא משתמש בה.
• טיפול בפונטים: להגדיר את הגודל שלהם ביחידות מידה יחסיות כמו em, ולהשתמש
  רק פונטי ווב "שעוברים מסך", לא פונטים ב- 300dpi שמעלים לשרת ומטמיעים ב-
  css3, כי רובים נראים אכולים על מובייל.
• לא לשכוח להוסיף *viewport *דיפולטי לפי רוחב המסך.
• טיפול ב- layout: הכי חשוב
  (1) שיטת LIQUID/FLUID LAYOUTS- הגדרה של הכל באחוזים (נוסחה פשוטה של רוחב
  האובייקט בפיקסלים חלקי רוחב האבא שלו בפיקסלים). מה שפחות טוב פה זה שאין
  שינוי של ה- layout בהצרת המסך. ובדרך כלל כן צריך לשנות את פריסת העמוד במסך
  צר.
  (2) לכן יש את ADAPTIVE DESIGN שזה מאוד נוח לעבוד והמון עובדים ככה: מגדירים
  טווחים למובייל, לטאבלט ולדסקטופ. מרחיבים ומצרים את החלון כדי למצוא את
  נקודות העצירה ה- breakpoints שבהם העיצוב "נשבר" ושם מחליטים לשנות layout .
  מגדירים בפיקסלים לפי העיצוב שהגיע מהמעצב עבור נניח דסקטופ, ובעזרת media
  queries ו- breakpoints מגדירים את הפריסה לטאבלט/למובייל וכן הלאה.
  מה שטוב פה זה שההחלטה איזו פריסה להראות תלויה נטו בעיצוב ובאיך העיצוב נראה
  ברוחב/ברזולוציה X, ולא מתקבלת החלטה שתלויה במכשיר ספציפי. העבודה עם פיקסלים
  פה מאוד נוחה.
  (3) RESPONSIVE DESIGN הוא החבר השלישי, שבדרך כלל מבלבלים אותו גם עם שני
  הקודמים. זה שילוב שלהם- גם עבודה באחוזים וגם שינוי פריסה בטווחים מסוימים.
  זה כמובן הכי טוב.

:::........::::...::......:::....::::...::...............:::::
Amnon Dekel, PhD.
Cell: +972 54 813-8160
Fax: +972.73.244.4268
US Number: +1-720-408-3647
GoogleVoice:+1-415-320-7120
https://plus.google.com/amnoid
https://plus.google.com/u/0/101024041193887832537/about
http://about.me/amnondekel/bio
Shenkar College Location http://goo.gl/maps/R4ZBx
:::........::::...::......:::....::::...::...............:::::

On Mon, Jan 19, 2015 at 3:51 PM, polinekes [email protected] wrote:

הי אמנון

יש חדש בנושא הרזולציה
נשמח בכל עדכון

@Basicben https://github.com/Basicben @NoamRom89
https://github.com/NoamRom89 @michalassif
https://github.com/michalassif @amnoid https://github.com/amnoid
@mushon https://github.com/mushon

—
Reply to this email directly or view it on GitHub
#12 (comment)
.

[polinekes]

כל הקבצים בויקטורים מוכנים בדרופבוקס בתיקיית
svg
בדרופבוקס

@Basicben @michalassif

[polinekes]

ערב טוב
אנחנו עברנו השבוע לקבצי
svg
ונתקלנו בבעיות לא ברור...תמיד הגדלים של האיורים במרכז לא מסתדרים - האיורים שצריכים ״להתקפל פנימה״

לכן עולה השאלה:
מה הדרך הכי נכונה לייצא קבצי svg
**ניסיתי כל דרך אפשרית

@mushon @Basicben @michalassif

[mushon]

Let's look at it together with @akariv tomorrow.

Cheers,

Mushon Zer-Aviv
Mushon.com | Shual.com | @mushon

On Jan 24, 2015, at 18:09, polinekes [email protected] wrote:

ערב טוב
אנחנו עברנו השבוע לקבצי
svg
ונתקלנו בבעיות לא ברור...תמיד הגדלים של האיורים במרכז לא מסתדרים - האיורים שצריכים ״להתקפל פנימה״

לכן עולה השאלה:
מה הדרך הכי נכונה לייצא קבצי svg
**ניסיתי כל דרך אפשרית

@mushon @Basicben @michalassif

—
Reply to this email directly or view it on GitHub.

[polinekes]

הי בוקר טוב

אנחנו קצת בבעיה היום...אנחנו עם מתכנת אחד שחייב לצאת מוקדם.
אנחנו חוששים שלא נספיק לשבת איתכם וזה ממש תוקע התקדמות

נשמח להיפגש ראשונים או אפילו לבוא רבע שעה לפני השיעור אם אפשר...או כל מה שצריך

תודה רבה
צוות גן עדן

@mushon @akariv @Basicben @michalassif