960px grid : κάποιες σκέψεις
Πειραματίστηκα αρκετό καιρό με το 960px grid CSS framework. Γενικά, μου αρέσει το style που αποπνέει το grid-based design, παράλληλα όμως η χρήση του μου προκάλεσε κάποιες “εσωτερικές διαμάχες”. Βγήκαν στην επιφάνεια αμφιβολίες, κατά πόσο τελικά μπορούμε να μιλήσουμε για “καλό” ή “κακό” design σε ένα 12-στηλο, 960px grid layout.
Δεν ξέρω πόσοι από τους αναγνώστες του css3 το δοκίμασαν, εγώ μετά από αρκετές προσπάθειες, κατέληξα στο συμπέρασμα ότι το design που παράγεται σε ένα 12-στηλο, 960px grid layout μου φαίνεται, προβλέψιμο. Για να το προχωρήσω λίγο πιο πέρα, μου θυμίζει το print design όσον αφορά την προβλεψιμότητά του. Κάτι σαν εφημερίδα ή προϊοντικό κατάλογο ή περιοδικό ή βιβλίο. Ναι, όλα τα προαναφερόμενα μέσω του σχεδιασμού τους παρέχουν ένα περιβάλλον που κάνει ευανάγνωστο το κείμενο και ίσως το μήνυμα.
Άλλα ο σχεδιασμός για το web θεωρώ ότι είναι κάτι διαφορετικό. Κάτι που δεν μπορεί να δεσμευθεί σε 12 στήλες. Κάτι που δεν περιορίζει τον πειραματισμό τόσο πολύ όσο στα έντυπα, και μπορεί να καταλήξει σε κάτι “νέο”, μη προβλέψιμο.
Συγχαρητήρια για όλα τα CSS grid frameworks που διατίθενται και βοηθούν τους designers να δουλέψουν. Εμένα όμως δεν μου κάνουν, γιατί καταλήγουν σε ένα design προβλέψιμο και μάλλον οπισθοδρομικό.
{7 σχόλια ως τώρα } + Νέο σχόλιο
Γιάννης Τσεβδός
Πέρα από τα προβλήματα που αναφέρεις εμένα με χαλάει πολύ και ο συγκεκριμένος τρόπος που πρέπει να τα χρησιμοποιείς... Αισθάνομαι πως με περιορίζουν...
Sébastien Nikolaou
Καλημέρα Απόστολε,
Έχουμε καιρό να τα πούμε, αλλά τελευταία διαβάζω τακτικά αυτό το blog. Δε συμφωνώ απόλυτα με τη γνώμη σου. Προσωπικά χρησιμοποιώ το 960GS αρκετά, αλλά μόνο στα mockups στο Photoshop. Δε πιστεύω ότι αξίζει να υποβαθμίζεις το markup σου με tags και classes που βασίζονται σε ένα grid, και όχι σε κάτι πιο semantic.
Επίσης ένα layout που βασίζεται σε 12 στήλες, μπορεί να γίνει 1,2,3,4,6 ή και 12 στήλες (με περιεχόμενο). Και προφανώς μπορεί να γίνει συνδιασμός αυτών, όπως 1+6+3+2, 6+6, κλπ. Φαντάζομαι αυτό είναι γνωστό. Οπότε από αυτή την άποψη ο συντελεστής προβλεψιμότητα δεν είναι τόσο εμφανής. Η ελευθερία και ο πειραματισμός μπορούν να μπορούν να εφαρμοστούν πολύ καλά σε ένα grid.
Αν και δε πιστεύω ότι το 960GS σχεδιάστηκε για πειραματικά ή υπερβολικά ανατρεπτικά layouts. Η κύρια χρήση του είναι για ιστοσελίδες με (πολύ) περιεχόμενο, το οποίο χρειάζεται ένα περιβάλλον πιο αυστηρό και δομημένο. Όπως ανάλογα ανέφερες εφημερίδες, βιβλία, κατάλογοι κλπ. Εκεί δικαιολογείται η χρήση του. Δε θα το έλεγα οπισθοδρομικό πάντως.
Αλλά αν υπάρχει μια καλύτερη ιδέα ή καλύτερος ή πιο διαδραστικός τρόπος διανομής της πληροφορίας μέσα στη σελίδα, τότε ναι, το grid μπορεί να γίνει περιοριστικό.
Επισυνάπτω ένα link με κάποια sites που προσωπικά τα θεωρώ μη προβλέψιμα, και κάποια μη οπισθοδρομικά, αν και όλα δε μου αρέσουν. Δες όμως πως τα περισσότερα βασίζονται σε ένα grid έστω και αν δεν είναι εμφανές.
http://www.smashingmagazine.com/2008/09/03/40-creative-design-layouts-getting-out-of-the-box/
Απόστολος Γρηγορόπουλος
γεια σου Σεμπάστιαν, όντως έχουμε καιρό να τα πούμε.
προφανώς, το να διαφωνείς με αυτό τον τρόπο, κάνει εποικοδομητική την όλη συζήτηση.
thanks για το σχόλιο και τα όσα χρήσιμα αναφέρεις.
Αλέξανδρος Λίγγρης
Τα frameworks είναι πολύ βοηθητικά για κάποιους ανθρώπους, ενώ για άλλους καθόλου. Έχει να κάνει με το workflow τους. Προσωπικά προτιμώ να χρησιμοποιώ το δικό μου framework
Θεωρητικά περιορίζει ίσως ή παρασέρνει κάποιον που σχεδιάζει κατευθείαν με css. Εγώ πάντα πάω photoshop πρώτα οπότε το mockup μου είναι πάντα πιο ελεύθερο.
Ζαχαρένια Ατζιτζικάκη
Όπως λέει και ο Σεμπάστιαν, χρησιμοποιώ και γω το 960.gs (ανάλογα με την περίσταση βέβαια) μόνο κατά τη φάση του design.
Δεν αντέχω τον κώδικα που χρησιμοποιούν τα περισσότερα frameworks, προτιμώ να τα κάνω emulate με δικό μου κώδικα, απλούστερο και πιο καθαρό - ειδικά στο HTML κομμάτι.
Constantinos
Είναι απλό λοιπόν. Τα frameworks “δημιουργούνται” με την καθημερινή χρήση, όπως σε βολεύει και γουστάρεις. Προσωπικά δεν έχω χρησιμοποιήσει ποτέ κάποιο framework τρίτου. Πάντα δούλευα με ένα δικό μου τρόπο σκέψης και δική μου ονοματολογία, το οποίο κατά σειρά με οδήγησε στην δημιουργία ενός δικού μου framework.
Πλέον, το Lovely CSS το χρησιμοποιώ σε καθημερινή βάση, και αποδίδω πολύ καλύτερα και ταχύτερα. ΑΛΛΑ...
...το έχω φτιάξει με δικά μου κριτήρια, και το εμπλουτίζω με τις δικές μου ανάγκες. Δεν είναι φτιαγμένο για μαζική χρήση ή για να το “πουλήσω”.
Ξέρω, το θέμα σηκώνει μεγάλη συζήτηση... αλλά το μόνο που θα πω είναι ότι τα 960px δεν είναι καθόλου περιοριστικά, καθώς έχεις άπειρες επιλογές στηλών και φυσικά αν θέλεις κάποιο πιο μικρό site, απλά κόβεις στήλες.
Είμαι υπέρμαχος του grid
Gerasimos
Χρησιμοποιω το 960 μονο στο Photoshop. Πλεον μετα απο τοσες παραλαγες σε layouts που εχουν πεσει στα χερια μου, σχεδον εχω ενα δικο μου framework (αν μπορω να το πω ετσι) και για την ωρα λειτουργει.