Αρχική σελίδα » Web Design » 50 χρήσιμα εργαλεία σχεδίασης ιστοσελίδων για σχεδιαστές

    50 χρήσιμα εργαλεία σχεδίασης ιστοσελίδων για σχεδιαστές

    Αυτό το άρθρο είναι μέρος του μας "Web Responsive Design Design" - που αποτελείται από εργαλεία, πόρους και σεμινάρια για να σας βοηθήσουν να δημιουργήσετε ιστότοπους για χρήστες όλων των πλατφορμών. Κάντε κλικ ΕΔΩ για να δείτε περισσότερα άρθρα από την ίδια σειρά.

    Για τις τελευταίες ημέρες, σας παρουσιάσαμε μερικά από τα καλύτερα θέματα που ανταποκρίνονται στο WordPress και το Joomla που μπορείτε να κατεβάσετε και να χρησιμοποιήσετε στον ιστότοπό σας. Σήμερα, θα σας δώσουμε τα εργαλεία. Περιλαμβάνει πλαίσια, υπηρεσίες και δέσμες ενεργειών με δυνατότητα λήψης, πιστεύουμε ότι πρόκειται να αποτελέσουν εξαιρετική βοήθεια όταν πρόκειται για την ανάπτυξη προσαρμοσμένης ανάπτυξης ιστού.

    Για να καταστεί ευκολότερη η αποδυνάμωση ολόκληρης της λίστας εργαλείων, τα έχουμε κατηγοριοποιήσει στις παρακάτω ενότητες:

    • Πλέγμα & Πλαίσια
    • Φύλλα σκίτσας & Συρτάρια
    • JavaScript & jQuery Plugins
    • Δοκιμή & Προεπισκόπηση
    • Ολισθητήρες
    • Οι υπολοιποι

    Πλέγμα & Πλαίσια

    [Επιστροφή στην κορυφή]

    Columnal

    Columnal είναι ένα έργο Pulp + Pixels, το οποίο έχει δανειστεί από το cssgrid.net, ενώ κάποιες εμπνεύσεις κώδικα έχουν ληφθεί από τα 960gs.gr Το Columnal σας βοηθάει πολύ στο σχεδιασμό ιστοσελίδων που ανταποκρίνεται στις ανάγκες σας, κάνοντας τα δίκτυα σας ευέλικτα ώστε να αλλάζουν δυναμικά όταν αλλάζει το μέγεθος του παραθύρου του προγράμματος περιήγησης.

    Σκελετός

    Το Skeleton είναι ένα απλό και ισχυρό πλαίσιο CSS, το οποίο αγαπάει κυρίως οι προγραμματιστές και οι σχεδιαστές λόγω της απλότητας και της αποτελεσματικότητας του. Δεν υπάρχει βαριά ανύψωση με Javascript εδώ, μόνο καλό και καθαρό CSS με καθαρή τεκμηρίωση.

    LessFramework 4

    Το λιγότερο πλαίσιο είναι περισσότερο ή λιγότερο ένα πλαίσιο, στο όνομα του δημιουργού του. Πρόκειται για ένα προσαρμοστικό σύστημα πλέγματος CSS που βασίζεται στη χρήση ερωτημάτων μέσων CSS inline, γεγονός που καθιστά πολύ πιο εύκολη την ανάπτυξη ανταποκρινόμενων ιστοσελίδων.

    Σύστημα Σημασιολογικού Πλέγματος

    Το Σύστημα Σημασιολογικού Πλέγματος χρησιμοποιείται για το σχεδιασμό ευαίσθητων διατάξεων πλέγματος. Χρησιμοποιεί προεπεξεργασμένες επεκτάσεις CSS, όπως LESS, SCSS ή Stylus, για να παρέχει μέγιστη απόδοση. Μπορείτε να επιλέξετε πλάτος στήλης και υδρορροής, να επιλέξετε τον αριθμό των στηλών και να αλλάξετε μεταξύ εικονοστοιχείων και ποσοστών.

    Σύστημα Golden Grid

    Το Golden Grid System είναι ένα σύστημα πλέγματος υγρών που χρησιμεύει ως σημείο εκκίνησης του σχεδιασμού ιστοσελίδων σας. Δίνει τη δυνατότητα στον ιστότοπο να εξυπηρετεί ωραίες σελίδες που κυμαίνονται από 240 έως 2560 εικονοστοιχεία.

    320 και άνω

    Το 320 και το Up είναι ένα εργαλείο CSS, το οποίο αποτελεί το βασικό πρότυπο για το σχεδιασμό που ανταποκρίνεται στις ανάγκες σας. Ακολουθεί μια εντελώς αντίστροφη προσέγγιση από τις διάφορες άλλες διαθέσιμες πλάκες βραστήρα.

    Inuit.css

    Το Inuit.css είναι ένα πλαίσιο CSS, το οποίο είναι εξαιρετικά εύκολο στη χρήση, ακόμα και για αρχάριους. Έχει μια μινιμαλιστική προσέγγιση, έτσι πρέπει να ασχοληθείτε μόνο με τα πράγματα που χρειάζονται, αλλά αν χρειαστεί, μπορεί επίσης να επεκταθεί με μια χούφτα plugins διαθέσιμα.

    Χωρίς σχάρα

    Το Gridless είναι ένα boilerplate για τη δημιουργία ιστοτόπων με δυνατότητα απόκρισης και cross-browser με όμορφη τυπογραφία. Αυτό το εργαλείο εστιάζει στην προοδευτική ανάπτυξη ενός έργου και χρησιμεύει ως σημείο εκκίνησης οποιουδήποτε σχεδίου.

    1140 CSS Grid

    1140 Το CSS Grid είναι ένα εξαιρετικό σύστημα πλέγματος CSS σχεδιασμένο από τον σχεδιαστή της Μελβούρνης Andy Taylor, το οποίο σας επιτρέπει να σχεδιάζετε τέλεια το σχεδιασμό σας σε 1140px για μεγάλες οθόνες και η διαμόρφωση του υγρού σας θα προσαρμόζεται άψογα σε άλλες μικρότερες λύσεις με πολύ λίγη επιπλέον εργασία.

    1KBCSSGrid

    1KB CSS Grid που σχεδιάστηκε από τον Tyler Tate, είναι μια απλή και ελαφριά γεννήτρια CSS Grid. Θα σας επιτρέψει να ορίσετε τον αριθμό των στηλών, το πλάτος της στήλης και το εύρος υδρορροής και μπορείτε να λάβετε ένα CSS που μπορείτε να κατεβάσετε για το πλέγμα ιστότοπων.

    Bootstrap

    Το Bootstrap, το οποίο δημιουργήθηκε και συντηρείται από τους Mark Otto και Jacob Thornton στο Twitter, είναι ένα εξαιρετικό σύνολο στοιχείων διεπαφής χρήστη, σχεδιαγράμματα και εργαλεία javascript, τα οποία είναι ελεύθερα διαθέσιμα για να κατεβάσετε και να χρησιμοποιήσετε τα έργα σας στο web design.

    Υπολογιστής πλέγματος υγρών

    Αυτό το απλό εργαλείο θα σας βοηθήσει να τραβήξετε γρήγορα το CSS του σχεδιασμού του δικτυακού σας πλέγματος.

    Ρευστά πλέγματα

    Το Fluid Grid είναι ένα απλό αλλά χρήσιμο πλαίσιο πλέγματος υγρών, το οποίο δημιουργεί προσαρμοστικές διατάξεις που βασίζονται σε στήλες 6, 7, 8, 9, 10, 12 ή 16.

    Flurid

    Το Flurid είναι ένα απλό και πολύ χρήσιμο πλέγμα πλαισίου CSS cross-browser με έως 16 στήλες. Επιπλέον, δεν κρύβει τα εικονοκύτταρα στα περιθώρια.

    Gridset

    Το Gridset είναι ένα εργαλείο για τη δημιουργία πλέγματος οποιουδήποτε τύπου, όπως, η στήλη, η ασύμμετρη, η σταθερή, η αναλογία, η σύνθετη, η απόκριση και πολλά άλλα. Αυτό το εργαλείο από τον Mark Boulton, είναι ακόμα σε beta, αλλά αποδεικνύεται πολλά υποσχόμενη. Και ανέφερα, η χρήση του είναι τόσο απλή όσο η ενσωμάτωση ενός συνδέσμου.

    Gridpak

    Το Gridpak είναι μια γενναιόδωρη γενετική γεννήτρια, όπου ο αριθμός των στηλών, η επένδυση και η υδρορροή μπορούν να αλλάξουν και μπορούν να προστεθούν προσαρμοσμένα σημεία διακοπής. Το CSS δημιουργείται από το εργαλείο και είναι έτοιμο για λήψη. Παρέχει επίσης πρότυπα πλέγματος PNG, τα οποία μπορούν να χρησιμοποιηθούν για σχεδιασμό στο Photoshop.

    SimpleGrid

    Το SimpleGrid, που αναπτύχθηκε από τον Michael Kuhn, είναι ένα πολύ απλό και απλό πλαίσιο CSS για τη δημιουργία απλών γραμμών με βάση το πλέγμα. Από προεπιλογή, το SimpleGrid είναι έτοιμο για 4 διακριτά εύρη μεγεθών οθόνης.

    Σουσύ

    Η Susy από το Oddbird, είναι παρόμοια σε δράση στο Σύστημα Σημασιολογικού Πλέγματος. Δεν χρησιμοποιεί επιπλέον σήμανση ή άλλες ειδικές κατηγορίες, αλλά απευθύνεται μόνο στους χρήστες του Saas και της επέκτασης της Compass.

    Μικροσκοπικό πλέγμα υγρών

    Το Tiny Fluid Grid είναι μια εκπληκτική εφαρμογή στο διαδίκτυο, που μπορεί να σας βοηθήσει να προσδιορίσετε το σύστημα πλέγματος του ιστότοπού σας με διαδραστικό τρόπο. Μπορείτε να ορίσετε τον αριθμό των στηλών, το ποσοστό υδρορροής, το ελάχιστο και το μέγιστο πλάτος της διάταξης του ιστοτόπου σας και μπορείτε να λάβετε ένα CSS με δυνατότητα λήψης για αυτό.

    Σύστημα Μεταβλητού Πλέγματος

    Το σύστημα μεταβλητών πλέγματος σχεδιάστηκε και αναπτύχθηκε από την SprySoft και βασίζεται στο σύστημα 960 Grid. Επιτρέπει στους προγραμματιστές και τους σχεδιαστές να δημιουργήσουν το προσαρμοσμένο πλέγμα και στη συνέχεια να κατεβάσουν το συνοδευτικό αρχείο CSS με βάση αυτό το πλέγμα.

    Φύλλα σκίτσας & Συρτάρια

    [Επιστροφή στην κορυφή]

    Ανταπόκριση φύλλα σκίτσο Web Design

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

    Ανταπόκριση Wireframes

    Τα ανταποκρινόμενα Wireframes είναι ένα πειραματικό εργαλείο που δημιουργήθηκε από τον James Mellers της Adobe. Είναι χτισμένο μόνο με HTML και CSS (δεν χρησιμοποιήθηκαν εικόνες ή JS) που μπορείτε να χρησιμοποιήσετε για να απεικονίσετε πώς θα ανταποκριθεί ο σχεδιασμός σας που θα μοιάζει με τα πραγματικά προγράμματα περιήγησης διαφόρων επιτραπέζιων υπολογιστών και φορητών συσκευών.

    StyleTiles

    Το Style Tiles σας δίνει έναν τρόπο να αναπτύξετε μια ιδέα για το πώς θα μοιάζει ένας ιστότοπος, ανεξάρτητα από τα περίπλοκα στυλ που μπαίνουν στο παιχνίδι. Σας δίνει την ευκαιρία για μια άψογη ροή εργασίας σχεδίασης και επίσης την ικανότητα να ενσωματώσετε τις ανατροφοδοτήσεις των πελατών.

    JavaScript & jQuery Plugins

    [Επιστροφή στην κορυφή]

    Adapt.Js

    Το Adapt.js είναι μια λύση Javascript και μια εξαιρετική εναλλακτική λύση στα ερωτήματα των μέσων ενημέρωσης του CSS. Η χρήση της προσέγγισης @media είναι καλή πρακτική, αλλά αυτό δεν λειτουργεί για όλα τα προγράμματα περιήγησης. Ο Nathan Smith, ο δημιουργός του συστήματος 960 Grid, κυκλοφόρησε το Adapt.js, μια πολύ ελαφριά βιβλιοθήκη javascript για να ξεπεράσει αυτό το πρόβλημα.

    Ισότοπο

    Το ισότοπο είναι ένα καταπληκτικό plugin jQuery, το οποίο αποδεικνύεται πολύ χρήσιμο κατά το σχεδιασμό ενός ανταποκρινόμενου σχεδιασμού. Δεν συμβάλλει μόνο στην αναδιάταξη των στοιχείων μιας σελίδας όταν αλλάζει το μέγεθος του παραθύρου του προγράμματος περιήγησης ή το μέγεθος της οθόνης είναι μικρότερο, αλλά βοηθά επίσης να φιλτράρει αυτά τα στοιχεία.

    Τοιχοποιία

    Το Masonry είναι ένα εξαιρετικό plugin jQuery, το οποίο χρησιμοποιείται για τη δημιουργία δυναμικών και προσαρμοστικών σχεδίων. Αυτό το plugin σας βοηθά να αναδιατάξετε τα στοιχεία στο σχέδιο που ανταποκρίνεται, ώστε να μπορούν να ταιριάζουν καλύτερα στα ανοιχτά σημεία του δικτύου.

    Respond.js

    Το Respond.js είναι ένα γρήγορο και ελαφρύ (3 Kb minified και 1 Kb gzipped) σενάριο, του οποίου ο κύριος σκοπός είναι να επιτρέψει την ανταποκρινόμενη σχεδίαση ιστοσελίδων σε εκείνες που δεν υποστηρίζουν τα CSS3 Media Queries, όπως τα IE browsers.

    TinyNav.js

    Το TinyNav.js είναι ένα μικρό και ελαφρύ plugin jQuery, μόνο 362 bytes, το οποίο μετατρέπει τις μεγάλες λίστες πλοήγησης σε μικρά αναπτυσσόμενα μενού για μικρότερες οθόνες.

    Wookmark jQuery Plugin

    Το Wookmark είναι ένα plugin jQuery που ανιχνεύει το μέγεθος του παραθύρου του προγράμματος περιήγησης και ρυθμίζει αυτόματα τα στοιχεία της σελίδας σε στήλες. Μπορείτε επίσης να δείτε μια ζωντανή προεπισκόπηση στο κάτω μέρος της σελίδας.

    Δοκιμή & Προεπισκόπηση

    [Επιστροφή στην κορυφή]

    ProtoFluid

    Το ProtoFluid είναι ένα εργαλείο που βασίζεται στον ιστό, το οποίο σας επιτρέπει να δοκιμάσετε τα πρωτότυπα του ιστοτόπου σας σε διάφορα μεγέθη οθόνης και ψηφίσματα. Απλά πληκτρολογήστε τη διεύθυνση URL, επιλέξτε τη συσκευή (ή τυχόν προσαρμοσμένες ιδιότητες) και πατήστε εκκίνηση. Δεδομένου ότι είναι ένα εργαλείο που βασίζεται στο web, σας επιτρέπει επίσης να χρησιμοποιήσετε άλλες επεκτάσεις όπως το FireBug.

    Απάντηση

    Responsive.Is δημιουργείται από το TypeCast άλλο εργαλείο εξομοιωτή του προγράμματος περιήγησης, το οποίο μπορείτε να χρησιμοποιήσετε για να δοκιμάσετε το σχέδιο που ανταποκρίνεται στις ανάγκες σας. Απλά πληκτρολογήστε μια διεύθυνση URL και αυτόματα θα αλλάξει το μέγεθός της ανάλογα με τη συσκευή που επιλέγετε.

    Responsivepx.Com

    Το ResponsivePx είναι ένα φοβερό εργαλείο για τη δοκιμή του σχεδιασμού της ιστοσελίδας σας. Το κύριο χαρακτηριστικό που το διακρίνει από τους άλλους είναι η ικανότητά του να αλλάζει το μέγεθος του pixel-by-pixel του ιστότοπου. Αυτή η εκπληκτική λειτουργία, θα σας επιτρέψει να προσδιορίσετε τα σημεία διακοπής και επίσης να ελέγξετε πώς λειτουργούν τα ερωτήματα μέσων CSS στον ιστότοπό σας.

    Υπεύθυνο εργαλείο δοκιμής σχεδίασης ιστού

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

    ReView.Js

    Το ReView είναι ένα δυναμικό σύστημα προβολής, που αναπτύσσεται σε καθαρό JavaScript, το οποίο σας προσφέρει μια φανταστική εμπειρία προβολής για την ικανοποιητική σχεδίασή σας στο Web.

    Σέλιγγα

    Το Screenfly από το QuirkTools είναι ένα καταπληκτικό εργαλείο που θα σας επιτρέψει να δείτε την ιστοσελίδα σας σε διάφορες συσκευές: Desktop, Tablet, Mobile και TV. Έχει επίσης επιλογές για να ενεργοποιήσετε ή να απενεργοποιήσετε την κύλιση ή ακόμα και να περιστρέψετε την οθόνη.

    Screenqueri.es

    Το Screenqueri.es είναι ένα εργαλείο ελέγχου σχεδίασης pixel-τέλεια. Απλά εισάγετε οποιαδήποτε διεύθυνση ιστότοπου θέλετε να ελέγξετε και αυτό το εργαλείο εκτελεί, θα εμφανίσει τον ιστότοπο σε διάφορα μεγέθη οθόνης ανάλογα με τη συσκευή. Μπορείτε επίσης να αλλάξετε το μέγεθος του μεγέθους pixel-by-pixel με το χέρι για να προσδιορίσετε τα σημεία διακοπής.

    Ο υπεύθυνος

    Δοκιμάστε τον ιστότοπό σας σε διάφορες συσκευές από ένα iPhone και iPad, σε ένα Kindle και στο Android στο Responsinator. Εμφανίζει επίσης τον ιστότοπό σας τόσο σε κατακόρυφη όσο και σε οριζόντια κατάσταση. Μου αρέσει αυτό το εργαλείο πολύ περισσότερο, λόγω των περιγραμμάτων των συσκευών που εμφανίζονται στη σελίδα, η οποία φέρνει περισσότερο νόημα σε ολόκληρη τη διαδικασία.

    Ολισθητήρες

    [Επιστροφή στην κορυφή]

    Μυρτιλός

    Το Blueberry είναι ένα φανταστικό ρυθμιστικό εικόνας ανοιχτού κώδικα jQuery, το οποίο είναι γραμμένο για να λειτουργεί ειδικά για ρευστά ή ανταποκρινόμενα σχέδια.

    Elastislide

    Θέλετε ένα καρουσέλ που θα προσαρμόζεται αυτόματα στο μέγεθος της οθόνης όταν αλλάζει το μέγεθος του παραθύρου του προγράμματος περιήγησης ή όταν βρίσκεστε σε μικρότερη οθόνη; Το Elastislide είναι το πιο κατάλληλο plugin jQuery για τις ανάγκες σας.

    Ανταπόκριση ρυθμιστικό CSS3

    Πρόκειται για ένα καθαρό ρυθμιστικό CSS3 που μπορεί εύκολα να προσαρμοστεί σε οποιοδήποτε μέγεθος οθόνης και ανάλυση οθόνης. Το ωραίο πράγμα για αυτό το ρυθμιστικό είναι ότι, τα βέλη μπαίνουν μέσα στο κουτί όταν το μέγεθος της οθόνης της συσκευής είναι αρκετά μικρό. Δεν απαιτείται JavaScript.

    ResponsiveSlides.Js

    Το ResponsiveSlides.Js είναι ένα πολύ απλό και εξαιρετικά ελαφρύ (μόνο 1Kb) jQuery plugin που δημιουργεί ένα ευαίσθητο ρυθμιστικό χρησιμοποιώντας ασαφείς λίστες. Λειτουργεί σε ένα ευρύ φάσμα browsers, επίσης σε IE6 και up.

    Οι υπολοιποι

    [Επιστροφή στην κορυφή]

    Προσαρμοσμένες εικόνες

    Το Adaptive Images είναι ένα online εργαλείο για την ικανοποιητική σχεδίαση ιστοσελίδων, το οποίο ανιχνεύει το μέγεθος της οθόνης των επισκεπτών και δημιουργεί, αποθηκεύει και αποδίδει αναβαθμισμένες εικόνες, ανάλογα με το μέγεθος και την ανάλυση της οθόνης.

    FitText.Js

    Το FitText.js είναι ένα μικρό εργαλείο javascript, το οποίο επιτρέπει την αυτόματη αλλαγή μεγέθους κειμένου και πρωτοσέλιδων όταν αλλάζει το μέγεθος του παραθύρου του προγράμματος περιήγησης. Δεν υπάρχει άλλη ανησυχία σχετικά με το μέγεθος του κειμένου που δεν συνταιριάζει με αυτό το εργαλείο στο πλοίο.

    FitVid.Js

    Θέλετε να αλλάξετε ξανά τα ενσωματωμένα βίντεο όταν αλλάζει το μέγεθος του παραθύρου του προγράμματος περιήγησης ή αν η συσκευή έχει μικρότερη ανάλυση; Το FitVid.Js μπορεί να σας βοηθήσει να επιτύχετε αυτό. Πρόκειται για ένα ελαφρύ, απλό, εύχρηστο plugin jQuery που χρησιμοποιείται για την επίτευξη ενσωματωμένων βίντεο πλάτους υγρών.

    Retina Εικόνες

    Η Retina Images είναι μια εκπληκτική λύση javascript, η οποία θα εξυπηρετεί αυτόματα @ 2Χ μεγαλύτερες εικόνες υψηλής ανάλυσης όταν προβληθεί στην οθόνη του αμφιβληστροειδούς. Το μόνο που χρειάζεται να κάνετε είναι να βάλετε μια έκδοση υψηλής ανάλυσης για κάθε μία εικόνα και θα διαχειριστεί τα υπόλοιπα.

    Εύκολο ευαίσθητο πλέγμα φωτογραφιών

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

    SlabText

    Το SlabText είναι ένα plugin ή εργαλείο jQuery του Brian McAllister που βασίζεται στον αλγόριθμο plateText, ο οποίος χωρίζει τους τίτλους σε σειρές πριν αλλάξει το μέγεθος κάθε γραμμής για να γεμίσει τον διαθέσιμο χώρο. Είναι αρκετά παρόμοιο με το plugin FitText.Js σε δράση.

    Zurb - Ανταπόκριση

    Έχετε αναρωτηθεί ποτέ πώς να ασχοληθείτε με τους μεγάλους πίνακες δεδομένων σε ανταποκρινόμενο σχεδιασμό; Το Zurb, ένα combo CSS / JS, σας δίνει την απάντηση. παίρνει τους πίνακες δεδομένων και τις τροποποιεί έτσι ώστε να μην σπάσουν την αντανακλαστική διάταξη σε συσκευές μικρότερης οθόνης.

    Categorizr

    Το Categorizr είναι ένα πολύ μικρό script PHP, παρέχει στους επισκέπτες σας μια πιο στοχευμένη εμπειρία στο web. Θα σας βοηθήσει να παραδώσετε σχέδια ειδικά για συσκευές για Tablet, TV, Mobile ή Desktop.

    Media Query Bookmarklet

    Το Media Query Bookmarklet σάς δείχνει το μέγεθος που έχει το τρέχον παράθυρο προβολής και το ερώτημα που έστειλε μόλις έγινε για αυτό.

    Ο υπεύθυνος υπολογιστής

    Ο υπεύθυνος υπολογιστής είναι ένα πολύ απλό ηλεκτρονικό εργαλείο που μπορεί να σας βοηθήσει να μετατρέψετε τα pixel σε ποσοστά ενώ σχεδιάζετε τον ανταποκρινόμενο ιστότοπό σας.

    Μέχρι την επόμενη εβδομάδα

    Στη δεύτερη εβδομάδα αυτής της σειράς, θα σας κάνουμε tutorials που πραγματικά θα σας φέρουν στο Responsive Web Design (RWD).

    Μην το χάσετε.