The Responsinator: Preview Responsive Web Design για διαφορετικές συσκευές

Ο ανταποκρινόμενος σχεδιασμός ιστοσελίδων είναι όλη η οργή αυτές τις μέρες, ειδικά αφού τα HTML 5 και CSS 3 έχουν αποκτήσει δημοτικότητα. Με την απόκριση σχεδίασης, σχεδιάζετε βασικά τον ιστότοπό σας για όλες τις πλατφόρμες και αναλύσεις, και το ο ιστότοπος κλιμακώνεται αυτόματα χωρίς να σπάσει το σχέδιο σύμφωνα με το πλάτος του προγράμματος περιήγησης της οθόνης συσκευή. Επομένως, κατά τη δημιουργία μιας ανταποκριτικής ιστοσελίδας, πρέπει να δοκιμάσουμε εκτενώς τη ρευστότητα του σχεδιασμού σε μια σειρά δημοφιλών αναλύσεων οθόνης. Το Responsinator είναι μια απλή υπηρεσία ιστού που σας παρέχει προεπισκοπήσεις του ιστότοπου που ανταποκρίνεται σε πολλές δημοφιλείς αναλύσεις οθόνης ευρέως χρησιμοποιούμενων συσκευών.

Η ιδέα πίσω από το The Responsinator είναι απλή: κάντε ένα πράγμα και κάντε το καλά. Κατά την επίσκεψή σας στον ιστότοπο, σας παρουσιάζεται μια ευθεία διεπαφή χωρίς περιθώρια με πλαίσια για πολλές συσκευές που εμφανίζονται κάθετα, ξεκινώντας από το iPhone, προχωρώντας σε μερικές αναλύσεις Android, στο iPad και τελικά σταματώντας στο Kindle, για να καλύψουμε πολλές δημοφιλείς συσκευές εκεί έξω, τόσο σε πορτραίτο όσο και σε οριζόντιο τοπίο τρόποι.

Από προεπιλογή, αυτά τα καρέ είναι κενά. Πρέπει να εισαγάγετε τη διεύθυνση URL του ιστότοπου που θέλετε να κάνετε προεπισκόπηση στο επάνω αριστερό πλαίσιο κειμένου και να πατήσετε GO. Στη συνέχεια, το Responsinator κάνει τη μαγεία του, δείχνοντάς σας πώς θα φαίνεται ο ιστότοπός σας σε όλες αυτές τις πλατφόρμες και τα αποτελέσματα είναι αρκετά εντυπωσιακά.

Στις δοκιμές μας, χρησιμοποιήσαμε τον εξαιρετικό ιστότοπο πόρων σχεδιασμού ιστοσελίδων Περιοδικό Smashing που έχει σχεδιασμό δολοφονικής απόκρισης. Όπως ήταν αναμενόμενο, όλα τα καρέ έδειξαν τον ιστότοπο πειστικά παρόμοιο με τον τρόπο με τον οποίο εμφανίστηκε η πραγματική δοκιμαστική συσκευή μας. (Κάντε κλικ στην παραπάνω εικόνα για να δείτε την πλήρη έκδοση).

Υπάρχει επίσης ένα πρακτικό Σελιδοδείκτης ανταποκριτή (προσφέρεται στις σχετικά με τη σελίδα τους) για τα περισσότερα σύγχρονα προγράμματα περιήγησης ιστού που μπορείτε να κάνετε μεταφορά και απόθεση στη γραμμή εργαλείων σελιδοδεικτών σας. Μόλις το προσθέσετε εκεί, απλώς μεταβείτε σε ιστότοπους όπως οι κανονικοί και πατήστε το σελιδοδείκτη όποτε θέλετε να δοκιμάσετε το σχεδιασμό ενός ιστότοπου για απόκριση, για να το ανοίξετε αυτόματα στο The Αποκριτής.

Εν κατακλείδι, ενώ μπορεί να μην σας δείχνει την ακριβή εφαρμογή για όλες τις συσκευές εκεί έξω, το Responsinator είναι σίγουρα ένα εύχρηστο εργαλείο για τους προγραμματιστές ιστού να αποκτήσουν μια γρήγορη κορυφή στον τρόπο με τον οποίο οι ιστότοποί τους εμφανίζονται σε κινητές συσκευές, ενώ παράλληλα βασίζεται σε ανταποκρινόμενη σχεδίαση αρχές.

Επισκεφτείτε το The Responsinator