Με τσίχλα και καπέλο
18.07.2010
Άργησα αλλά η αντίστροφη μέτρηση ξεκίνησε. Ένα ένα τα πράγματα μπαίνουν στη θέση τους και το cssigniter.com σε λίγο καιρό, το Σεπτέμβριο δλδ θα είναι online. Για όσους δε γνωρίζουν πρόκειται για άλλο ένα WordPress themes shop. Έχει γεμίσει ο τόπος, αλλά προσωπικά πιστεύω πως βρήκα τρόπο να διαφοροποιηθώ σε αρκετά σημεία. Όπως και να έχει στο cssigniter.com υπάρχει ένα newsletter στο οποίο μπορείτε να γραφτείτε και να μάθετε πότε θα είναι το site online όπως επίσης κάποια στιγμή θα δείτε και κάποια teasers από τα θέματα που θα βγούν για αρχή στον αέρα.
Επίσης έχω άλλο ένα twitter account ( @cssigniter ) στο οποίο και εκεί μπορείτε να παρακολουθήσετε θέματα σχετικά με αυτό το site.
Σκόρπιες σκέψεις περί τυπογραφίας στο Web
12.12.2009
Πριν γράψω οτιδήποτε άλλο να επισημάνω πως για όλα όσα γράφονται εδώ βάζω μέσα και τον εαυτό μου.
Διαβάζουμε λοιπόν το τελευταίο διάστημα πολλά άρθρα που σαν θέμα έχουν τη χρήση οποιασδήποτε γραμματοσειράς θέλουμε! Οι browsers είναι έτοιμοι! Έφτασε η στιγμή! Και συμφωνώ. Πραγματικά οι browsers έχουν ωριμάσει αρκετά πλέον ώστε να καταλάβουν νέες τεχνολογίες σχετικές με τη τυπογραφία.
Γι’ αυτό που δεν είμαι σίγουρος είναι αν οι χρήστες πίσω από τους browsers είναι έτοιμοι για τέτοια πράγματα και ακόμη χειρότερα αν αυτοί που υλοποιούν τέτοιες τεχνικές στις σελίδες τους έχουν τη γνώση που απαιτείται ώστε να το κάνουν. Και δε μιλάω για τεχνικές γνώσεις για το πώς βάζεις μια custom γραμματοσειρά σε μια σελίδα. Ειδικά μετά την έλευση του TypeKit αυτό πλέον είναι αστείο. Μιλάω όμως για το πρακτικό μέρος της υπόθεσης. Τι θα προσθέσει μια custom γραμματοσειρά στους τίτλους ή στα κείμενα μας; Πως επικοινωνεί όλο αυτό με το χρήστη; Και πάνω απ? όλα, διαβάζονται αυτά που γράφω;
Άρα ας μείνουμε στις Arial, Verdana και Georgia.
Σε καμία περίπτωση. Όμως πόσοι από εμάς έχουμε μελετήσει ακόμα και αυτές τις 3 γραμματοσειρές; Πόσοι από εμάς έχουμε κάτσει να δούμε διάφορους συνδυασμούς τίτλων – κειμένων μόνο με αυτές τις γραμματοσειρές; Ακόμα χειρότερα, πόσοι από εμάς κατάφεραμε να ξεφύγουμε από τα 11px σε body text και να πάμε σε κάτι πιο ευκολοδιάβαστο και ο λόγος που το κάναμε είναι επειδή κάποιο μεγάλο και διάσημο site το έκανε; (Χωρίς φυσικά να γνωρίζουμε το γιατί).
Πιστεύω πως όχι πολλοί. Απλά επειδή πλέον αυτές οι γραμματοσειρές είναι «βαρετές» ας παίξουμε με καινούργια παιχνίδια. Να παίξουμε γιατί όχι, απλά στο πίσω μέρος του μυαλού μας ας βάλουμε το γεγονός πως εκείνη τη στιγμή παίζουμε με τους χρήστες μας. Γιατί το λέω; Ας φέρω ένα παράδειγμα. Δες τη παρακάτω γραμματοσειρά που προσφέρει το TypeKit στη συλλογή του.
Πες μου εσύ ποιος θα με αποτρέψει από το να χρησιμοποιήσω την παραπάνω γραμματοσειρά σε body text; Χα. Κανείς. Μη μου πείς «μα αυτό το πράμα δε διαβάζεται και η κοινή λογική θα σε αποτρέψει» γιατί ακόμα δεν έχουμε συνέλθει από τη χρήση της Comic Sans τόσα χρόνια. Και είμαι 100% σίγουρος πως θα δούμε περίεργα πράγματα. Γιατί; Γιατί το να χρησιμοποιείς custom γραμματοσειρές είναι trend και είναι cool. Η προηγούμενη πρόταση πιστεύω πως θα είναι η απάντηση πολλών επαγγελματιών του χώρου προς τους πελάτες του όταν ερωτηθούν σχετικά.
Ο άλλος λόγος που με κάνει να πιστεύω πως δεν ήρθε η ώρας μας να παίξουμε με τέτοια παιχνίδια είναι γιατί πολύ απλά οι περισσότεροι από εμάς δεν έχουμε τιθασεύει πράγματα ακόμα πιο βασικά και από τη τυπογραφία. Grid; Χρώμα;; Προσβασιμότητα;;; Χρηστικότητα;;;; ΠΕΡΙΕΧΟΜΕΝΟ;;;;;
Αν όντως έχεις λύσει όλα τα παραπάνω βασικά έχεις σταματήσει να διαβάζεις μιας και δεν αναφέρομαι σε σένα. Αναφέρομαι σε εσένα που βγάζεις το ψωμί σου από αυτή τη δουλειά και πολλές φορές πρέπει να ανακατευτείς με όλα τα παραπάνω.
Άρα ας μείνουμε στις Arial, Verdana και Georgia.
Και ξανά η απάντηση είναι σε καμία περίπτωση. Αυτό που θέλω να πω είναι ναι στη χρήση τους αλλά μόνο για να εξυπηρετεί ένα σκοπό όλο αυτό. Όπως τα χρώματα που διάλεξες, το grid που χρησιμοποίησες, τη λογική πίσω από τα κείμενα που έγραψες, βρες και μια καλή δικαιολογία για να χρησιμοποιήσεις ένα extra font στη σελίδα σου.
Ήδη έχω μεγάλο πρόβλημα ένα βήμα πριν αρχίσω να διαβάζω το περιεχόμενο σου. Δε μπορώ να το βρω. Ε αφού το βρήκα, δώσε μου τη δυνατότητα να το διαβάσω σαν άνθρωπος.
Θα υπάρξει και συνέχεια, αυτά είχα στο κεφάλι μου αυτή τη στιγμή.
Hμερολόγιο κατασκευής του collectivesunited.com
21.11.2009
Την εβδομάδα που πέρασε, είπα να πάρω μια “άδεια”. Δεν έχω σταματήσει καθόλου το τελευταίο διάστημα (αργίες, Κυριακές, νύχτες, πρωινά ακόμα και στον ύπνο μου δούλευα). Μόλις καθάρισε λίγο το μυαλό μου ε, άρχισαν να μου μπαίνουν ιδέες για νέα πράγματα. Όχι τίποτα σπουδαίο απλά είπα να δοκιμάσω πράγματα. Και προέκυψε το collectivesunited.com. Τη Πέμπτη λοιπόν η μέρα κύλησε ως εξής:
09:00 – 10:00
Καφές, μολύβι και χαρτί. Ένα μικρό προσχέδιο μιας και είχα καθαρή εικόνα στο μυαλό μου για το τι ήθελα να κάνω. Προέκυψε ένα layout που μου άρεσε.
10:00 – 14:00
Photoshop. Αν και το συγκεκριμένο layout θα μπορούσα να το κάνω κατευθείαν σε html/css αποφάσισα να πάρω μια εικόνα πρώτα στο Photoshop για να παίξω λίγο με τα κουμπιά και τα χρώματα που είχα διαλέξει. Όλα πήγαν όπως έπρεπε μιας και δεν είχα αλλαγές και σκέψεις τύπου “μήπως εδώ έτσι, μήπως εδώ αλλιώς”.
15:00 – 17:00
Slicing. Ο σκελετός αποτελείται από 5 – 6 γραφικά (μαζί με το logo) οπότε η συγκεκριμένη διαδικασία μου πήρε 2 ώρες. Ένα τεταρτάκι για browser testing και πάμε παρακάτω.
17:00 – 21:00
WordPress integration. Και πάλι εύκολη η δουλειά μου μιας και πρόκειται για τυπική μεταφορά ενός template σε WordPress. Το μόνο που με προβλημάτισε για λίγο ήταν ο αριθμός των posts που εμφανίζεται στο sidebar σε κάθε κατηγορία μιας και από default το wp_list_categories tag εμφανίζει αυτό τον αριθμό μέσα σε παρένθεση δεξιά της κατηγορίας. Η λύση βρέθηκε με βοήθεια από το Codex και χρήση της str_replace με την οποία αντικατέστησα τις παρενθέσεις με το span tag, και φυσικά με CSS μετέφερα τους αριθμούς αριστερά. Not rocket science really.
Παράλληλα σε αυτή τη διαδικασία η Ελενίτσα δημιούργησε το όμορφο λογοτυπάκι.
21:00 – 22:00
Domain – hosting setup. WordPress installation. Μεταφορά του theme. Backup plan. Security plugins και μερικά links για να πάρουμε μπροστά.
Άντε, καλορίζικο
High Quality Bookmarks
29.10.2009
Μάλλον θα το έχετε εντοπίσει ήδη αλλά για όσους δεν το έχουν βρεί, ο φίλος Γιάννης ξεκίνησε ένα νέο site στο οποίο συγκεντρώνει links τα οποία θεωρεί ενδιαφέροντα. Το ωραίο στην υπόθεση είναι πως τα links αυτά δεν ανήκουν σε κάποια συγκεκριμένη κατηγορία. Ότι πρέπει με άλλα λόγια για μια ακόμη “βόλτα” με τον πρωινό καφέ. High Quality Bookmarks λοιπόν!
Το ροζ μουστάκι
04.08.2009
Το ροζ μουστάκι λοιπόν, με τα δωρεάν vectors! Η Ελενίτσα (life/business partner) έχει ένα ταλέντο που δεν έχω συναντήσει ξανά. Βασικά έχει “μάτι”. Αν πεί πως θα σχεδιάσει κάτι, θα το σχεδιάσει. Δεν είναι εύκολο αυτό. Γνωρίζει πολύ καλά τα εργαλεία που χρησιμοποιεί, αλλά αυτό που κάνει πάει ένα βήμα παραπέρα. Σχεδιάζει, σχεδιάζει, σχεδιάζει… Και φυσικά ήρθε η ώρα να μοιράσει. Δωρεάν vectorakia λοιπόν στο http://www.pinkmoustache.net
To site λόγω έλειψης χρόνου αν του βγάλετε το “δέρμα” θα δείτε πως κρύβεται το webtoolkit4.me με διαφορετικά χρώματα. Μου αρέσει όμως. Κάνει πολύ καλά τη δουλειά του. Το λογότυπο φυσικά είναι δημιουργία της Ελενίτσας. Ελενίτσα FTW!
