Γράφω αυτό το άρθρο από ένα cafe στον Αδάμαντα Μήλου, μπροστά στο λιμάνι. Έχει πολύ καλή 3G σύνδεση εδώ και μπόρεσα να κάνω λίγη δουλειά.

Τις τελευταίες μέρες έψαξα λίγο το θέμα του νέου design στο papaman.gr. Αποφάσισα λοιπόν να το δώσω στον Andrew Lindstrom τον οποίο γνώρισα στο Sitepoint. Ο ίδιος πουλάει αρκετά templates εκεί και έχει δείξει πολύ καλά δείγματα δουλειάς. Κλείσαμε τελικά με $800 να μου σχεδιάσει το νέο wordpress theme του site, το λογότυπο άλλα και να γράψει και τον κώδικα για το site.

Χθες κλείσαμε τελικά το κομμάτι του design και για τις επόμενες μέρες ο Andrew θα γράφει κώδικα για το theme. Το θέμα του site είναι οι super ήρωες με μια δόση από comics. Το papaman θυμίζει λίγο superman και έτσι σκέφτηκα να το συνδυάσω. Το “S” του Superman γίνεται “P” και τα τρισδιάστατα γράμματα φέρνουν κάτι από comics των 60s. Η αλήθεια είναι ότι μερικές φορές θέλω να γίνω superman και να φύγω πετώντας ειδικά όταν ο πελάτης ζητά εισαγωγικές σελίδες με μουσική, animation και φυσικά καμιά εικοσαριά φωτογραφίες να κάνουν fade η μία μετά την άλλη

Παρακάτω έχω ένα screenshot του layout. Κάντε κλικ για να δείτε το theme εν δράση στον testing server. Πως σας φαίνεται;

Είναι μια από τις πιο κλασικές ερωτήσεις css που μου κάνουν από τη στιγμή που ξεκίνησα αυτό εδώ το blog. Πως κεντράρετε μια σελίδα οριζόντια είτε είναι fixed, δηλαδή έχει κάποιο συγκεκριμένο μέγεθος, είτε liquid, δηλαδή το μέγεθός της είναι σχετικό με το μέγεθος ενός ποσοστού (%).

Τα πράγματα είναι απλά και οι εντολές σε CSS δεν είναι δύσκολες για τη συγκεκριμένη δουλειά.
Για αρχή αυτό που κάνουμε είναι να συμπεριλάβουμε όλο τον κώδικα μετά το body σε ένα div έτσι ώστε να του δώσουμε κάποια χαρακτηριστικά.

συνέχεια…

Κάθομαι Σαββατιάτικα και σχεδιάζω το νέο look του blog. Όχι πως αυτό που έχω τώρα πάσχει από κάτι, απλά θέλω ένα πιο Web 2 cool layout

Αυτό που θέλω από εσάς είναι να δείτε τι έχω σχεδιάσει μέχρι τώρα και να μου πείτε τη γνώμη σας. Περιμένω και βαθμολογία από το 1 μέχρι το 10. lol

Παρακάτω είναι το σχέδιο. Κάντε click για τη full έκδοση. Οι διαστάσεις που θα χρησιμοποιήσω είναι 900 width κεντραρισμένο. Στο οριζόντιο ορθογώνιο θα βάλω τα Latest και Favorite Posts. Στο κάθετο θα μπει το Sidebar που υπάρχει και τώρα με κάποιες αλλαγές. Κάτω από το οριζόντιο ορθογώνιο θα ξεκινούν τα Posts. Το καινούργιο λογότυπο δε μου άρεσε πολύ και μάλλον θ’αλλάξει.

Περιμένω τα σχόλιά σας

Τίποτα δεν μπορεί να αντικαταστήσει τον χειροκίνητο τρόπο γραφής ιστοσελίδων. Όλα τα visual προϊόντα όπως το Dreamweaver της Adobe προσθέτουν άχρηστο κώδικα στις σελίδες σας με αποτέλεσμα να χάνετε τον έλεγχο και στο τέλος να μη μπορείτε να δώσετε τη μορφή και τη λειτουργικότητα που θέλετε. Εγώ προσωπικά χρησιμοποιώ Dreamweaver διότι έχει το καλύτερο Auto Complete σε XHTML και CSS άλλα και για τα Site Management χαρακτηριστικά του.

συνέχεια…