המשיב: תצוגה מקדימה של עיצוב רספונסיבי למכשירים שונים

עיצוב אתרים מגיב הוא כל הזעם בימינו, במיוחד מכיוון ש HTML 5 ו- CSS 3 זכו לפופולריות רבה. עם תכנון מגיב, אתה בעצם מעצב את האתר שלך לכל הפלטפורמות וההחלטות, וכן אתר האינטרנט מתחלף באופן אוטומטי מבלי לשבור את העיצוב בהתאם לרוחב הדפדפן של התצוגה התקן. לפיכך, בעת בניית אתר מגיב, יש לבחון את נזילות העיצוב בהרחבה במגוון רזולוציות מסך פופולריות. ה- Responsinator הוא שירות אינטרנט פשוט שנותן תצוגה מקדימה של האתר המגיב שלך ברזולוציות מסך פופולריות רבות של מכשירים נפוצים.

הרעיון שמאחורי המגיב הוא פשוט: עשה דבר אחד ועשה זאת טוב. כשאתה מבקר באתר, מוצג לך ממשק ישר ללא קדימה עם מסגרות למספר מכשירים המוצגים אנכית, החל מ- iPhone, עוברים לכמה החלטות אנדרואיד, ל- iPad ולבסוף עוצרים ב- Kindle, בכדי לכסות הרבה מכשירים פופולריים שם בפורטרט וגם בנוף. מצבים.

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

בבדיקות שלנו השתמשנו באתר המשאבים המעולה לעיצוב אתרים

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

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

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

בקר במגיב