בניית אפליקציית מובייל בעזרת HTML5 + CSS

[s a m p i]

בניית אפליקציית מובייל בעזרת HTML5 + CSS

אני אמור לפתח את הצד לקוח בלבד של אפליקציית מובייל בעזרת HTML5 + CSS.
מדובר במעין שאלון IQ פשוט הכולל כמה מסכים (עם אנימציות פשוטות במעבר ביניהם) וזה מיועד רק למובייל במצב פורטרייט. אני מעוניין שהרכיבים הגרפיים ימוקמו באותו המיקום ולא משנה מה גודל המסך.

לאיזה רזולוציות מסך עליי להתאים את המסכים?
האם יש פרייוורק צד-לקוח שאתם ממליצים לי לעבוד איתו?
אמנם יש לי ניסיון וידע בפיתוח אתרים רספונסיביים, אבל לא עשיתי משהו כזה בעבר ואשמח לקבל כל טיפ שרלוונטי למה שתיארתי.

תודה!

 

[RoyceGracie]

למה שלא תיתן לדיב הראשי

פוזישן אבסולוט ואז לכל האלמנטים בפנים פוזישן רלטיב. ככה לא משנה מה יעשו הכל יהיה במקום.

 

[s a m p i]

התכוונת אולי הפוך?

כלומר לתת פוזישן רלטיב לדיב הראשי ואז אבסולוט לאלמנטים שבתוכו?

בכל מקרה, אני אבדוק גם את האפשרות שהצעת.
תודה!

 

[RoyceGracie]

כן, סליחה

 

[rj111]

כדאי לבדוק איך הדף נראה באייפון ובגלקסי

בכרום אפשר ללחוץ ctrl+shift+J ואז ללחוץ על האיקון של הסמארטפון משמאל ולעשות refresh לדף כדי לראות איך הוא נראה במסך מסויים.
אפשר לעבוד עם jquery mobile , שלדעתי נראה הכי טוב או עם bootstrap או עם angular material למי שחובב אנגולר.

 

[s a m p i]

תודה רבה, זה עוזר מאד

במיוחד נשמע מעניין ה angular material שציינת...

 

[rj111]

הממשק של המטריאל מכיל כל מיני "אפקטים"

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

 

[noa_f]

תשתמש ביחידות מידה שקשורות לגודל המסך: vh ו-vw

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