Strângerea unui browser desktop foarte îngustă vă poate oferi un sentiment vag despre modul în care funcționează un design receptiv, dar nu este o reprezentare exactă a unui dispozitiv cu ecran mic. Și dispozitivele cu ecran mic propriu-zis sunt cele pentru care proiectăm aici, nu alți designeri curioși care își strâng browserele în jos =).
În acest screencast deschidem simulatorul iOS (vine gratuit cu XCode pe un Mac) și facem câteva modificări de proiectare pe baza a ceea ce vedem acolo. Din experiența mea, simulatorul este foarte exact cu ceea ce vedeți pe dispozitivul real. De asemenea, am văzut diferențe - de exemplu, utilizarea memoriei. Chiar după lansarea chiar a acestui site web, vedeam că se prăbușeau pe kitul web mobil - și asta nu se întâmpla în simulator.
Un lucru pe care îl facem este să îndepărtăm efectul de hârtie stivuită 3D la cea mai îngustă interogare de tip media. De asemenea, ne dăm seama că anunțul din antet provoacă o anumită derulare orizontală pe mobil, un lucru nedorit în modul în care abordăm aspectul mobil. Din fericire am reușit să urmărim acest lucru imediat, dar uneori aceste lucruri sunt evazive și le ascunzi doar overflow-xpe corp, ceea ce facem în cele din urmă aici.
Reglăm unele dimensiuni de font și pentru ecranul mai mic.