Η συμπίεση ενός προγράμματος περιήγησης επιτραπέζιου υπολογιστή πολύ στενή μπορεί να σας δώσει μια αόριστη αίσθηση του τρόπου λειτουργίας μιας ανταποκριτικής σχεδίασης, αλλά δεν αποτελεί ακριβή αναπαράσταση μιας πραγματικής συσκευής μικρής οθόνης. Και οι πραγματικές συσκευές μικρής οθόνης είναι αυτές που σχεδιάζουμε εδώ, όχι άλλοι περίεργοι σχεδιαστές που πιέζουν τα προγράμματα περιήγησής τους =)
Σε αυτό το screencast ανοίγουμε τον προσομοιωτή iOS (διατίθεται δωρεάν με XCode σε Mac) και κάνουμε κάποιες αλλαγές στο σχεδιασμό με βάση αυτά που βλέπουμε εκεί. Σύμφωνα με την εμπειρία μου, ο προσομοιωτής είναι πολύ ακριβής σε αυτό που βλέπετε στην πραγματική συσκευή. Έχω δει επίσης διαφορές - για παράδειγμα, τη χρήση μνήμης. Αμέσως μετά την κυκλοφορία αυτού του ιστότοπου, έβλεπα να συντρίβεται σε φορητό webkit - και αυτό δεν συνέβαινε στον προσομοιωτή.
Ένα πράγμα που κάνουμε είναι να αφαιρέσουμε το εφέ 3D στοίβας χαρτιού στο πιο στενό ερώτημα μέσων. Διαπιστώνουμε επίσης ότι η διαφήμιση στην κεφαλίδα προκαλεί κάποια οριζόντια κύλιση σε κινητά, ένα ανεπιθύμητο πράγμα στον τρόπο προσέγγισης της διάταξης για κινητά. Ευτυχώς καταφέραμε να το εντοπίσουμε αμέσως, αλλά μερικές φορές αυτά τα πράγματα είναι δυσνόητο να εντοπιστούν και απλώς κρύβετε overflow-xτο σώμα, το οποίο τελικά κάνουμε εδώ.
Προσαρμόζουμε επίσης ορισμένα μεγέθη γραμματοσειράς για τη μικρότερη οθόνη.