רוטר - איך אתם בודקים אתר אם הוא רספונסיבי ?

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"איך אתם בודקים אתר אם הוא רספונסיבי ?"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21890	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 21890

Lonjie

חבר מתאריך 9.3.10
5743 הודעות, 2 פידבק

21:56 15.12.16

איך אתם בודקים אתר אם הוא רספונסיבי ?

יש לי דף באתר מסויים,
שברזולוציות כאלו הוא טוב, ואחרות הדף לא נראה טוב (כפתורים זזים וכו),
איך אפשר לעשות בדיקה/התאמה מקיפה לאתר מסויים ?

תודה .

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
מכתב	King_Cobra	15.12.16 22:11	1
שלב ראשוני והכי פשוט להקטין את החלון של הדפדפן לאט לאט מהכי גדול עד להכי קטן	משה הלולן	15.12.16 22:36	2
מה שהוא אמר	אורי	16.12.16 07:43	4
ב-developers tools יש לך אופציה לעשות אמולציות של מכשירים.	Ben_d	15.12.16 22:42	3
אין פה קסמים.. דואגים להתאים את העיצוב עם Media Queries	aCoZz	16.12.16 18:43	5
שחכתי לציין מדובר בוורדפרס,	Lonjie	17.12.16 18:50	6
מכתב	Tapiero	09.01.17 14:12	7
תיקון	eyalish	09.01.17 17:07	8
דפדפן מגניב בשם Blisk	Crazy Lion	09.01.17 19:44	9
תודה	eyalish	16.01.17 09:34	10
תיקנו את הדפדפן	eyalish	19.01.17 17:42	11

King_Cobra

חבר מתאריך 1.8.02
24138 הודעות, 4 פידבק

22:11 15.12.16

1. מכתב
בתגובה להודעה מספר 0

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

מוזמן לשתף גם את האתר שנראה וניתן לך הערות עליו.

My Website

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

משה הלולן

חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק

22:36 15.12.16

2. שלב ראשוני והכי פשוט להקטין את החלון של הדפדפן לאט לאט מהכי גדול עד להכי קטן
בתגובה להודעה מספר 0

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

אורי
חבר מתאריך 9.7.12
20459 הודעות

07:43 16.12.16

4. מה שהוא אמר
בתגובה להודעה מספר 2

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Ben_d
חבר מתאריך 15.6.16
706 הודעות

22:42 15.12.16

3. ב-developers tools יש לך אופציה לעשות אמולציות של מכשירים.
בתגובה להודעה מספר 0

בפועל זאת לא באמת אמולציה לאנדרואיד או IOS אלא רק משנה את הרזולוציה, ה-pixel ratio וסוויפים (פחות או יותר).

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

aCoZz
חבר מתאריך 19.7.06
17692 הודעות

18:43 16.12.16

5. אין פה קסמים.. דואגים להתאים את העיצוב עם Media Queries
בתגובה להודעה מספר 0

או אבסטרקציה כלשהיא של Media Queries נגיד ה GRID של BOOTSTRAP

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Lonjie

חבר מתאריך 9.3.10
5743 הודעות, 2 פידבק

18:50 17.12.16

6. שחכתי לציין מדובר בוורדפרס,
בתגובה להודעה מספר 0

וכן אני יודע שיש המון טמפלייטים רסופנסיביים,
וגם הטמפלט הנ"ל הוא רספונסיבי,
אבל פה מדובר בדף הזה,
www.phototime.co.il/landing

הכפתור "שלח" של הטופס בעייתי ברזולוציות שונות.
הוא מוגדר ב- CSS כגודל אחיד (60px*60px),
ובמובייל, יש כפתור אחר שיורד למטה.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Tapiero
חבר מתאריך 1.10.10
136 הודעות

14:12 09.01.17

7. מכתב
בתגובה להודעה מספר 6

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

eyalish
חבר מתאריך 19.2.15
186 הודעות

17:07 09.01.17

8. תיקון
בתגובה להודעה מספר 6

שים את בין לקוחותינו ב DIV ותגדיר לו רוחב באחוזים ולא בפיקסלים
כתוב לך בקוד גבול בפיקסלים (135) זה לא טוב עדיף באחוזים
ותעשה float במקום align ותריץ שוב

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Crazy Lion

חבר מתאריך 1.7.02
19328 הודעות, 9 פידבק

19:44 09.01.17

9. דפדפן מגניב בשם Blisk
בתגובה להודעה מספר 0

https://blisk.io/

מראה לך איך נראה האתר במגון מכשירים סלולרים / סוגי מסכים/רזולוציות

מילוי סקרים בתשלום למי שמעונין ,
משלם בזמן וקל להגיע ליעד :
https://goo.gl/EJh6V2

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

eyalish
חבר מתאריך 19.2.15
186 הודעות

09:34 16.01.17

10. תודה
בתגובה להודעה מספר 9

נראה דפדפן טוב לפיתוח
חבל שהוא לא מתקין לי אותו בווינדוז 7 (SP1)

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

eyalish
חבר מתאריך 19.2.15
186 הודעות

17:42 19.01.17

11. תיקנו את הדפדפן
בתגובה להודעה מספר 10

כי עכשיו פועל

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד