ABA



"איך אתם בודקים אתר אם הוא רספונסיבי ?"
גירסת הדפסה        
קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21890 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 21890
Lonjie לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 9.3.10
4270 הודעות, 1 פידבק, 1 נקודות
   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

       
King_Cobra  לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
23212 הודעות, 4 פידבק, 8 נקודות
   22:11   15.12.16   
אל הפורום  
  1. מכתב  
בתגובה להודעה מספר 0
 
כשאתה בונה אתר תדאג להשתמש תמיד בגדלים שהם יחסיים ולא גדלים בפיקסלים (יש פעמים שצריך להשתמש בפיקסלים).

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

לבדיקה באמת מקיפה יש לך תוכנות שמראות לך איך האתר נראה אם אתה ממש רוצה לבדוק במספר מכשירים שונים או דפדפנים שונים וכו'.

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



My Website

                                                         (ניהול: מחק תגובה)
משה הלולן לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 11.6.13
3742 הודעות, 7 פידבק, 13 נקודות
   22:36   15.12.16   
אל הפורום  
  2. שלב ראשוני והכי פשוט להקטין את החלון של הדפדפן לאט לאט מהכי גדול עד להכי קטן  
בתגובה להודעה מספר 0
 
   גם ברוחב וגם באורך ולבדוק שהכול כמו שצריך
שלב שני מחפש בחפש רשימה של הרזולוציות שהכי בשימוש ופשוט עובר אחד אחד.(לוחץ f12 מחפש את הכפתור שמדמה סלולרי ושם ניתן להזין רזולוציות)
שלב שלישי בודק על מכשיר אנדרואיד איפון וטאבלט(לפעמים מה שנראה קטן\גדול במחשב גם שמדמים סלולרי זה שונה לגמרי מאשר על מכשיר אמיתי)


                                                         (ניהול: מחק תגובה)
אורי 
חבר מתאריך 9.7.12
11034 הודעות
   07:43   16.12.16   
אל הפורום  
  4. מה שהוא אמר  
בתגובה להודעה מספר 2
 
  


                                                         (ניהול: מחק תגובה)
Ben_d
חבר מתאריך 15.6.16
68 הודעות
   22:42   15.12.16   
אל הפורום  
  3. ב-developers tools יש לך אופציה לעשות אמולציות של מכשירים.  
בתגובה להודעה מספר 0
 
   בפועל זאת לא באמת אמולציה לאנדרואיד או IOS אלא רק משנה את הרזולוציה, ה-pixel ratio וסוויפים (פחות או יותר).


                                                         (ניהול: מחק תגובה)
aCoZz 
חבר מתאריך 19.7.06
17504 הודעות, דרג אמינות חבר זה
   18:43   16.12.16   
אל הפורום  
  5. אין פה קסמים.. דואגים להתאים את העיצוב עם Media Queries  
בתגובה להודעה מספר 0
 
   או אבסטרקציה כלשהיא של Media Queries נגיד ה GRID של BOOTSTRAP


                                                         (ניהול: מחק תגובה)
Lonjie לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 9.3.10
4270 הודעות, 1 פידבק, 1 נקודות
   18:50   17.12.16   
אל הפורום  
  6. שחכתי לציין מדובר בוורדפרס,  
בתגובה להודעה מספר 0
 
   וכן אני יודע שיש המון טמפלייטים רסופנסיביים,
וגם הטמפלט הנ"ל הוא רספונסיבי,
אבל פה מדובר בדף הזה,
www.phototime.co.il/landing

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


                                                         (ניהול: מחק תגובה)
Tapiero
חבר מתאריך 1.10.10
131 הודעות
   14:12   09.01.17   
אל הפורום  
  7. מכתב  
בתגובה להודעה מספר 6
 
   אני הייתי יוצר גם מדיה קווארי לתפריט... שיהיה תפריט מותאם מובייל.
במובייל כפתור "שלח" נראה בסדר גמור, לפחות אצלי.
אבל איך שרואים את ה"בין לקוחותינו" נראה מעצבן ולא מקצועי. הייתי עושה סליידר.


                                                         (ניהול: מחק תגובה)
eyalish
חבר מתאריך 19.2.15
125 הודעות
   17:07   09.01.17   
אל הפורום  
  8. תיקון  
בתגובה להודעה מספר 6
 
   שים את בין לקוחותינו ב DIV ותגדיר לו רוחב באחוזים ולא בפיקסלים
כתוב לך בקוד גבול בפיקסלים (135) זה לא טוב עדיף באחוזים
ותעשה float במקום align ותריץ שוב


                                                         (ניהול: מחק תגובה)
Crazy Lion  לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.7.02
16540 הודעות, 4 פידבק, 6 נקודות
   19:44   09.01.17   
אל הפורום  
  9. דפדפן מגניב בשם Blisk  
בתגובה להודעה מספר 0
 
   https://blisk.io/

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


                                                         (ניהול: מחק תגובה)
eyalish
חבר מתאריך 19.2.15
125 הודעות, דרג אמינות חבר זה
   09:34   16.01.17   
אל הפורום  
  10. תודה  
בתגובה להודעה מספר 9
 
  
נראה דפדפן טוב לפיתוח
חבל שהוא לא מתקין לי אותו בווינדוז 7 (SP1)


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

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net