Εύκολη προεπισκόπηση των Responsive Design σας με το “Responsivator”

• 18 Οκτωβρίου 2012
• by: Georgios
• in: Web Design

Το να δείξετε τα responsive σχέδια σας στους πελάτες μπορεί να αποδειχτεί δύσκολο. Θα πάτε σε αυτόν με μια τσάντα γεμάτη από συσκευές; Θα ανοίξετε δεκάδες καρτέλες του προγράμματος περιήγησης ή θα τρέχετε emulators;

Πώς θα σας φαινόταν η χρήση μόνο μίας καρτέλας στο πρόγραμμα περιήγησης που δίνει μια γρήγορη προεπισκόπηση του πως μια ιστοσελίδα θα μοιάζει σε οποιοδήποτε μέγεθος οθόνης;  Θα σας άρεσε;

Αυτό ακριβώς κάνει το Responsivator. Εισάγετε μια διεύθυνση URL και ο Responsivator θα φορτώσει μια σειρά από iframes με οθόνες που δείχνουν τις  διαστάσεις που έχετε καθορίσει. Τα  προεπιλεγμένα μεγέθη καλύπτουν κοινές συσκευές όπως το iPhone, iPad, Nexus 7 και την επιφάνεια εργασίας, αν και είναι πολύ εύκολο να προσθέσετε όποια ανάλυση εσείς  θέλετε στη λίστα.

Ο Responsivator είναι έργο του προγραμματιστή John Polacek από Draftfcb, η οποία έχει δημιουργήσει επίσης το plugin jQuery BigVideo.
Ο Responsivator βασίζεται σε ορισμένες παρόμοιες προσπάθειες, όπως το  εργαλείο ελέγχου ιστοσελίδων του Matt Kersley και του bookmarklet σχεδιασμένο από τον Benjamin Κιν, αλλά έχει μερικά νέα χαρακτηριστικά, όπως τη δυνατότητα να περιηγηθείτε στο site σας με διάφορες iframes.

Σας αρέσει ο Responsivator, αλλά θέλετε να εκτελέσετε τα δικά σας προσαρμοσμένα παράδειγμα; Ο Responsivator είναι ένα έργο ανοικτού πηγαίου κώδικα διαθέσιμο στο GitHub Απλά πάρτε τον κωδικό προσθέστε το στον διακομιστή σας