JoomlaDay 2013 (και η παρουσίαση μου εκεί)

Το προηγούμενο Σάββατο (15 Ιουνίου) είχα την τιμή να βρίσκομαι στο JoomlaDay 2013 ως ομιλητής (και όχι μόνο). Το event ήταν πάρα πολύ καλά οργανωμένο και ανά πάσα στιγμή μπορούσες να βρεις την παρουσίαση που σου ταίριαζε στις 2 αίθουσες του κινηματογράφου Δαναού. Αξίζουν συγχαρητήρια στον Φώτη που κάθε χρόνο αναλαμβάνει και οργανώνει ένα μεγάλο event το οποίο μπορούν να παρακολουθήσει ο καθένας εντελώς δωρεάν! Αυτό που μου άρεσε – δεν ξέρω αν θα συμφωνήσουν όλοι με αυτήν την άποψη – είναι πως σχεδόν οι μισές παρουσιάσεις δεν είχαν να κάνουν με το Joomla αλλά γενικότερα με το web design, web developemt, με mobile developement (Firefox OS και Windows mobile) αλλά και με cloud services. Βρίσκω μόνο θετικά μια τέτοια αντιμετώπιση και ελπίζω να συνεχιστεί και σε άλλα event – μην κολλάμε με τεχνολογίες/CMS/frameworks… Παρακολούθησα όλες (εκτός από μία) τις παρουσιάσεις του Σαββάτου (αυτές που γινόντουσαν στην μεγάλη αίθουσα) και μου άρεσαν ιδιαίτερα οι παρουσιάσεις από τα παιδιά της Mozilla Greece για το Firefox OS, του Γεράσιμου για “Web Typography” αλλά και του Γιάννη τόσο για το “Responsive Web Design Workflow” όσο και για το “Fire the workaholics”! Δυστυχώς την Κυριακή την έχασα λόγο άλλων υποχρεώσεων, ωστόσο κατάφερα να ρίξω μια ματιά ματιά σε ελληνικές προσπάθειες που δεν γνώριζα όπως το Radiojar αλλά και σε άλλες που γνώριζα όπως το Akeeba backup και ελπίζω στο μέλλον να καταφέρω να δω κάποιες παρουσιάσεις τους. Τέλος για αυτούς που έχασαν την παρουσίαση μου, με θέμα “Responsive Web Design & Touch Devices” μπορούν να την δουν/κατεβάσουν από το Speakerdeck. Κάποια στιγμή θα έχουμε και το video της παρουσίασης ωστόσο μέχρι τότε μπορείτε να χαζέψετε τα slides. Άντε και του χρόνου.

Τα καλύτερα links – Σεπτέμβρης 09

Έμπνευση

  • BestWebFrameworks : Τα γνωστότερα frameworks για PHP, Ruby, JS και CSS, σε ευκολοδιάβαστους πίνακες (με χαρακτηριστικά κτλ.).
  • Μια πολύ καλή εισαγωγή στην HTML5, από τον Brad Neuberg της Google, που σίγουρα αξίζει να την δείτε από το πρώτο μέχρι το τελευταίο λεπτό!

Web Design

Web Development

  • Yahoo! Search BOSS : Φτιάξτε την δικιά σας custom search με την βοήθεια της Yahoo!…
  • IE7-JS : Μια javascript library που αναλαμβάνει να κάνει τις παλιότερες εκδόσεις του Internet Explorer (6 και κάτω) να συμπεριφέρονται όπως ο 7… Μπορεί να το έχω ξανά-παρουσιάσει αλλά δεν πειράζει.

Search Engine Optimization (SEO)

Tools

Τυπογραφία (Typography)

  • My Fontbook : Επιτέλους ένα όμορφος και πρακτικός on-line font viewer.

WordPress

  • Κερδίστε αρκετό χρόνο από τα WordPress style σας χρησιμοποιώντας το default WP CSS style!
  • To Status Updater αναλαμβάνει να σας γλιτώσει από την αγγαρεία του να postaρετε τα καινούργια άρθρα σας στις διάφορες social υπηρεσίες, όπως facebook, twitter, myspace κτλ.

Plug ins

  • jQTouch : Ένα jQuery plugin για mobile web development σε iPhone, Android, Palm Pre, και άλλες touch-based συσκευές.

Δωρεάν/Freebies

  • Screenr : Μια νέα υπηρεσία για εύκολο και δωρεάν screencasting. Το screencast εργαλείο της είναι εντυπωσιακό και δουλεύει κατευθείαν μέσω browser!
  • Piwik : Ένα open source και δωρεάν φυσικά, web analytics software. Για αυτούς που βαρέθηκαν το Mint και το Google Analytics

Τα καλύτερα links – Απρίλιος 09

Έμπνευση

Web Design

  • To Glimmer είναι ένα δωρεάν desktop application – μόνο για Windows προς το παρόν – το οποίο σας βοηθάει να γράφεται jQuery κώδικα! Τι άλλο θα δούμε…
  • Μόλις τελειώσατε το καινούργιο web design σας στον αγαπημένο σας browser, και ανακαλύπτετε πως δεν παίζει σωστά στον IE6. Βαριέστε (όπως όλοι μας) να λύσετε όλα τα σπαστικά IE6-only bugs; Μην ανησυχείτε, υπάρχει λύση. Απλά επισκεφθείτε το ie6fixer επιλέξτε ποια γνωστά bugs θέλετε να διορθωθούν, ανεβάστε το CSS αρχείο σας, και αυτό ήταν όλο. To ie6fixer θα δημιουργήσει αυτόματα τον IE6 κώδικα που χρειάζεστε (καλά μην περιμένετε και θαύματα, ωστόσο λύνει αρκετά προβλήματα εύκολα και γρήγορα).
  • jsDraw2D : Ακόμα μία Javascript library για γραφήματα…

Web Development

  • Το OpenCart είναι ένα όμορφο, δυνατό και open source shopping cart.

Search Engine Optimization (SEO)

Τυπογραφία (Typography)

  • Cufón ονομάζεται η νέα τεχνική αντικατάστασης web safe fonts με custom. Η διαφορά του με το γνωστό sFIR, είναι πως δεν χρησιμοποιεί το Flash για να κάνει render τα custom fonts, αλλά απλή Javascript σε συνδυασμό με το canvas element και VML (Vector Markup Language). Η διαδικασία installation είναι πραγματικά εύκολη (όχι όπως το sFIR), παίζει σε όλους τους browsers, και μάλιστα χωρίς έξτρα plug ins, ενώ είναι και αρκετά γρήγορο. Το μόνο που πρέπει να κάνετε είναι να κατεβάσετε το Cufón και να κάνετε generate τα custom fonts στον Cufón generator. Η συνέχεια είναι πανεύκολη, απλά αντικαθιστάτε τα fonts που θέλετε με τα custom fonts σας! Το έχω ήδη χρησιμοποιήσει και είναι πραγματικά πολύ εύκολο στην χρήση, ωστόσο με προβληματίζει λίγο το θέμα επιλογής του text στα Cufón generated fonts. Εάν διορθωθεί και αυτό μιλάμε για πραγματικό διαμάντι στο θέμα web typography…

WordPress

  • Στo WPSeek.com μπορείτε να βρείτε όλα τα WordPress template tags και  functions μαζί με πολλά άλλα resources και σημειώσεις. Μπορείτε επίσης να συνεισφέρετε και τις δικές σας.

Διάφορα links

  • Δεν αντέχετε άλλο τον Internet Explorer 6; Ε τότε βοηθείστε να τον σκοτώσουμε!
  • Το Sex Shop TV είναι ένα αρκετά πρωτότυπο και περίεργο για τα ελληνικά δεδομένα web project. Είναι μια ταινία που θα διανέμεται αποκλειστικά από το διαδίκτυο και που θα παίζεται σε συνέχειες. Για να δούμε τι θα δούμε…
  • Έχετε πρόβλημα εθισμού με κάποια sites; Ξοδεύεται πολύ χρόνο σε αυτά παρά την θέληση σας; Μην ανησυχείτε η web υπηρεσία KeepMeOut είναι εδώ για να λύσει το πρόβλημα εθισμού σας. Απλά δηλώστε το site και την ώρα που θέλετε να μείνετε έξω από αυτό, και το KeepMeOut αναλαμβάνει όλα τα υπόλοιπα…

Τα καλύτερα links – Ιανουάριος 09

Έμπνευση

Web Design

Web Development

  • Το JSValidate είναι ίσως το πιο αξιόλογο Javascript validation framework που έχω βρει μέχρι στιγμής! Πάρα πολύ εύκολο στη χρήση και “to the point”. Για όσους δεν με πιστεύουν, ας ρίξουν μια ματιά στα παραδείγματα.
  • Το JS Bin είναι ένα πολύ έξυπνο Javascript testing tool! Για περισσότερες πληροφορίες ρίξτε μια ματιά στο post που έχω γράψει γι αυτό στο CSS3.gr.
  • H $fx() είναι μία super-light Javascript animation library, για όποιον ενδιαφέρεται να μάθει μία ακόμη library…

Tools

  • Το καλύτερο add on για το Firebug ever! Μας έρχεται από το Sitepoint και ονομάζεται FireScope. Πραγματικά αυτό που έλειπε από το Firebug. Για περισσότερες πληροφορίες, ρίξτε και μια ματιά στο postακι που έγραψα στο CSS3.gr().
  • Το Gridr Buildrrr είναι ένα ενδιαφέρον on-line εργαλείο για την δημιουργία grids. Απλά ρυθμίστε το στις ανάγκες σας, δημιουργήστε το grid που θέλετε και ξεκινήστε το design σας!
  • Το Sigma Visual Ajax GUI Builder είναι ένας αρκετά περίεργο εργαλείο για την δημιουργία AJAX GUI. Προσωπικά δεν μ’ αρέσουν καθόλου τέτοια εργαλεία, ωστόσο κάποιοι μπορούν να το βρουν χρήσιμο. Όποιοι ενδιαφέρεστε μπορείτε να το κατεβάσετε κι όλας.
  • Η δωρεάν υπηρεσία Are my sites up? κάνει αυτό που λέει! Σας ενημερώνει εάν τα site σας είναι στον αέρα!
  • Δείτε ότι βλέπουν πραγματικά οι web browsers! Ενδιαφέρον, αλλά μετά από κάνα-δυο tests, απλά δεν θες να ξανανοίξεις την σελίδα…
  • Βαρεθήκατε να αναβάζεται τα video σας 1-1 σε κάθε υπηρεσία που υπάρχει; Εάν η απάντηση είναι θετική, τότε το TubeMogul είναι η υπηρεσία που θα σας λύσει τα χέρια. Εάν μάλιστα θέλετε και επιπλέον χαρακτηριστικά για τα video σας (όπως στατιστικά, keyword tagging, κτλ ) τότε ρίξτε και μια ματιά σε κάποιο από τα επί πκηρωμή πακέτα του.
  • To Web Development Project Estimator κάνει αυτό που λέει! Απλά ξεκινήστε ένα καινούργιο project, προσθέστε τα tasks και τις τιμές τους, και τελειώσατε!
  • Το ScreenToaster είναι μια φανταστική υπηρεσία δημιουργίας screencasts! Αν και δεν συμπαθώ την Java τεχνολογία, το συγκεκριμένο site καταφέρνει να την χρησιμοποιήσει πολύ αξιόλογα.

Τυπογραφία (Typography)

  • To FlippingTypical είναι ένα πολύ ενδιαφέρον εργαλείο που σας βοηθάει να επιλέξετε γραμματοσειρές, δίχντωντας σας αυτές που έχετε εγκατεστήμένες στο σύστημα σας. Για αναλυτηκότερες πληροφορίες ρίξτε μια ματιά στο post της sugarenias.

WordPress

  • Φτιάξτε το δικό σας Facebook, χρησιμοποιώντας το BuddyPress! Τώρα δεν ξέρω εάν κάτι τέτοιο είναι καλή ιδέα, ωστόσο για όσους θέλουν να δημιουργήσουν ένα μικρο-μεσαίο social network site, το BuddyPress είναι μια ενδιαφέρον λύση. Ρίξτε μια ματιά και στο demo
  • To WordPress TV είναι γεγονός! Καλό θα είναι να του ρίχνετε καμιά ματιά εάν ασχολείστε με την συγκεκριμένη πλατφόρμα.

Plug ins

  • Το s3Slider είναι ένα εντυπωσιακό και εύκολο στην χρήση jQuery plug in για slide shows.
  • Άλλο ένα jQuery plug in για να κόβετε, και όχι μόνο, τα images εύκολα και γρήγορα.
  • Ένα πολύ χρήσιμο date picker plug in για το jQuery.
  • Το Sexy Curls είναι ένα “sexy” jQuery plug in…

Blogs

  • Ένα νέο αλλά πολλά υποσχόμενο blog που ανακάλυψα, είναι το realmarketing.gr. Εάν σας ενδιαφέρει το θέμα (όλοι μας πρέπει να ξέρουμε marketing) προσθέστε το οπωσδήποτε στον reader σας…

Web 2.0

  • Το thisMoment είναι ένα project που μου κίνησε το ενδιαφέρον. To concept του είναι να σώνεις διαδικτυακά στιγμές τις ζωής σου (όπως video, φωτογραφίες, κτλ.) και αυτά να παρουσιάζονται στους φίλους σου σε κάποιο timeline. Για να δούμε πως θα τα πάει…
  • Ακόμα ένα ενδιαφέρον project είναι το Oursignal το οποίο συλλέγει τα top άρθρα από διάφορα media site (και πιο συγκεκριμένα από τα digg, reddit, del.icio.us, hackernews και yahoo buzz), και τα παρουσιάζει μέσα σε μία πολύ όμορφη σελίδα. Είναι με λίγα λόγια το καθημερινό σινιάλο όλων των web χρηστών!

Δωρεάν / Freebies

  • Ένα ενδιαφέρον και δωρεάν e-book από τον Antonio Lupetti. Ο τύπος απλά έχει συλέξει τα καλύτερα posts του και έχει φτιάξει ένα αρκετά ενδιαφέρον e-book. Το διάβασα από το Web Design Blog.
  • Το δεύτερο τεύχος των Ubuntistas, είναι γεγονός! Πολύ μ’ αρέσουν τέτοιες προσπάθειες, γι αυτό και τις υποστηρίζω άλλωστε.

Διάφορα links

CSS frameworks : Αξίζουν ή όχι

Τώρα τελευταία τα CSS frameworks γίνονται όλο και περισσότερο της μόδας, με αρκετούς φανατικούς θαυμαστές αλλά και εξίσου φανατικούς επικριτές. Προσωπικά δεν είμαι και πολύ fun των περισσότερων framework (εξηγώ παρακάτω το γιατί), ωστόσο κατά καιρούς έχω χρησιμοποιήσει και μάλιστα με μεγάλη επιτυχία κάποια από αυτά. Στο παρακάτω αρθράκι λοιπόν, εξηγώ ποια ιδέα κρύβεται πίσω από τα framework, τα πλεονεκτήματα και μειονεκτήματα τους και τέλος ποια ξεχωρίζω και γιατί.

Η ιδέα πίσω από τα CSS frameworks είναι πως σε κάθε site/project που αναλαμβάνουμε, χρησιμοποιούμε πολλά κοινά στοιχεία, όπως για παράδειγμα το κλασικό CSS reset file (πάντα του Eric Meyer), κάποια default styles για τα σημαντικότερα elements (όπως headings, tables, φόρμες κτλ.), κάποια styles μόνο για print, ενώ πολλοί πάνε τα πράγματα ακόμα παραπέρα, χρησιμοποιώντας styles για να καθορίσουν την διάταξη του site (columns και rows), να χρησιμοποιήσουν εφέ στις λίστες/μενού τους, και πολλά άλλα. Η ιδέα λοιπόν που κρύβεται πίσω από ένα framework είναι πολύ απλή. Γιατί να ξαναγράφουμε όλους αυτούς τους κανόνες και κώδικα από την αρχή για κάθε site, όταν μπορούμε να τα γράψουμε μόνο μία φορά και να τα χρησιμοποιούμε ξανά και ξανά σε όλα μας τα project? Με τον παραπάνω τρόπο, θα γλιτώνουμε πολύ κόπο και χρόνο!

Φυσικά τα πράγματα δεν είναι και τόσο ρόδινα όπως ακούγονται. Και εγώ χρησιμοποιώ επαναλαμβανόμενο CSS κώδικα στα site μου, όμως προσπαθώ να αποφεύγω τα έτοιμα CSS frameworks, για τους παρακάτω λόγους :

  • Σε αναγκάζουν να χρησιμοποιείς κάποιο συγκεκριμένο, και πολλές φορές όχι semantic και accessible, στυλ στην markup, τις κλάσεις και τα id σου (πχ. class=”div-xyz”).
  • Συνήθως χρειάζεσαι πολύ λιγότερα πράγματα απ’ ότι σου προσφέρει ένα framework, με αποτέλεσμα να αναγκάζεις τον χρήστη να κατεβάζει άσκοπα κώδικα, που δεν χρησιμοποιεί!
  • Ακόμα και εάν είσαι έμπειρος στην CSS, αρκετά frameworks είναι πολύπλοκα στην εκμάθηση τους. Επίσης εάν δημιουργηθεί κάποιο πρόβλημα/bug είναι πολύ πιο δύσκολο να εντοπίσεις τι φταίει.

Από εκεί και πέρα δέχομαι πως τα CSS frameworks σου προσφέρουν αρκετά πράγματα σχετικά εύκολα και γρήγορα, μιας και δεν κάθεσαι να γράψεις από την αρχή όλους τους CSS κανόνες, ενώ τα περισσότερα υποστηρίζουν αμέσως τους περισσότερους browsers που υπάρχουν. Για όσους θέλουν να ρίξουν μια ματιά σε αυτά, η παρακάτω λίστα αναφέρει όλα τα frameworks που υπάρχουν διαθέσιμα αυτήν την στιγμή (αναφέρομαι στα γνωστά και αυτά που μπορεί να χρησιμοποιήσει κάποιος εδώ και τώρα, και όχι σε αυτά που είναι υπό development ή που βρίσκονται σε beta στάδιο).

Όπως ανέφερα και παραπάνω λοιπόν, έχω δοκιμάσει τα περισσότερα από αυτά, και λογικό είναι να έχω ξεχωρίσει κάποια από αυτά. Γενικότερα, απορρίπτω αμέσως 2 κατηγορίες framework. Αυτά που είναι πολύ μεγάλα σε μέγεθος και κώδικα, με αποτέλεσμα να αναγκάζουν τον χρήστη να περιμένει να φορτωθούν χίλια-δυο άχρηστα πράγματα, και σε αυτά που σε αναγκάζουν να χρησιμοποιείς non-semantic markup, κλάσεις και ids στον κώδικα σου. Με το παραπάνω σκεπτικό λοιπόν, έχω απορρίψει πολλά διάσημα frameworks, όπως YUI Grids CSS, 960, YAML, και πολλά άλλα, ενώ αντιθέτως έχω χρησιμοποιήσει αρκετές φορές το Boilerplate το οποίο δεν αντιμετωπίζει τα παραπάνω προβλήματα, ενώ το σκεπτικό του βασίζεται στην απλότητα τόσο του κώδικα του, όσο και της λειτουργίας του.

To Boilerplate λοιπόν είναι ένα πολύ απλό framework, το οποίο δεν περιέχει περίεργες κλάσεις και ids, αλλά προσφέρει μια πολύ ολοκληρωμένη βάση για τον CSS κώδικα σας. Έτσι κάθε φορά που το χρησιμοποιήτε σε κάποιο project, έχετε τον βασικό CSS κορμό έτοιμο, όπως για παράδειγμα ένα reset file, default styles για όλα τα elements (headings, παραγράφους, λίστες, κτλ.), ένα βασικό print-only style και κάποιες πάρα πολύ βασικές κλάσεις. Το δεύτερο χαρακτηριστικό που μου αρέσει στο συγκεκριμένο framework, είναι πως έχει χωρισμένα τα CSS αρχεία με έξυπνο τρόπο, όπως για παράδειγμα ένα αρχείο για την τυπογραφία (typography.css), άλλο για τις φόρμες (forms.css), άλλο για το UI της οθόνης (screen.css) κτλ., οργανώνοντας έτσι προκαταβολικά τον κώδικα σας! Από εκεί και πέρα, ότι extra θέλετε, το γράφεται μόνοι σας! Προσωπικά με έχει κερδίσει αυτή η μινιμαλιστική προσέγγιση που έχει, γιατί μέσα σε πολύ λίγη ώρα μπορώ να στίσω τον βασικό κορμό CSS ενός project, ενώ ταυτόχρονα για οτιδήποτε θέλω να προσθέσω ή να αλλάξω, γίνεται πολύ εύκολα και γρήγορα λόγο της έξυπνης κατηγοριοποίησης και ονοματολογίας των αρχείων του.

Αυτά τα λίγα λοιπόν για τα CSS Frameworks. Γενικότερα δοκιμάστε όσα περισσότερα γίνεται (όπως βλέπεται είναι πάρα πολλά) και προσπαθείστε να βρείτε αυτό που σας ταιριάζει! Εάν ξέχασα κάποιο framework που χρησιμοποιείτε ή που νομίζεται πως αξήζει να αναφερθεί, αφήστε μου ένα σχόλιο, για το κοιτάξω κι αυτό…

Πως να κάνετε το blog σας να ξεχωρίσει από την μάζα. (Μέρος πρώτο – Design και Theme)

Πολλοί φίλοι και γνωστοί με ρωτάνε να τους πω την άποψη μου για το design του blog τους, καθώς και συμβουλές για το πως μπορούν να το βελτιώσουν αισθητικά. Καταρχάς και πριν συνεχίσω με τις συμβουλές που τους δίνω, πρέπει να ξεκαθαρίσω πως αυτό που κάνει πραγματικά την διαφορά σε ένα blog, είναι το περιεχόμενο του, και τίποτα άλλο! Το design υπάρχει περίπτωση να μην το βλέπει και κανείς, όπως οι χρήστες που χρησιμοποιούν feed readers -λίγο ακραίο βέβαια το να μην το βλέπει κανείς, απλά θέλω πραγματικά να τονίσω πως το περιεχόμενο και η ποιότητα των post σας είναι αυτό που μετράει περισσότερο από όλα! Σαφέστατα όλα τα παρελκόμενα του blog, όπως το design για παράδειγμα, μπορούν να βοηθήσουν ένα ήδη καλό σε περιεχόμενο blog να πάει ακόμα καλύτερα, απλά ο γενικός κανόνας είναι ο εξής : Content is the king! Μετά από αυτήν την σημαντικότατη εισαγωγή για να αποφευχθούν οι παρεξηγήσεις, περνάμε λοιπόν και στο κυρίως θέμα του post.

Το πρώτο πράγμα που πρέπει να κάνει κάποιος είναι να επιλέξει το κατάλληλο theme για το blog του, το οποίο δυστυχώς δεν είναι εύκολη υπόθεση. Παρά την πληθώρα επιλογών που υπάρχει στο internet, ο blogger πρέπει να σκεφτεί καλά τι εκφράζει αυτόν αλλά και το blog του ως προς το ύφος, το θέμα του και την γλώσσα που θα χρησιμοποιήσει στο blog. Για παράδειγμα εάν το blog θα ασχοληθεί με κάποιο σοβαρό θέμα, θα πρέπει να πάμε σε πιο ουδέτερα χρώματα και συμβατικά σχέδια, ενώ εάν το στυλ γραφής και το θέμα είναι πιο ελεύθερο, μπορούμε να πάμε σε πιο artistic themes. Μόλις αποφασιστούν όλες αυτές οι πολύ σημαντικές λεπτομέρειες, μπορούμε να αρχίσουμε το ψάξιμο του κατάλληλου theme. Η συμβουλή μου πάντα σε αυτό το σημείο είναι απλή και σύντομη : Απλά διαλέξτε ένα όμορφο, απλό και ευκολο-προσάρμοστο (easy to cusomize) theme, και αποφύγετε εκείνα με τα πολλά γραφικά που “πνίγουν” το περιεχόμενο (εκτός και εάν έχετε σκοπό να δημιουργήσετε κάτι πολύ εξεζητημένο ή αρτίστικο). Αποφύγετε επίσης, και μην εντυπωσιάζεστε εύκολα με με τα fancy και trendy themes, τα οποία φορτώνουν το blog σας με πολλά γραφικά και χίλια-δυο άχρηστα πράγματα, που πολλές φορές δεν τα χρειάζεστε ή απλά δεν έχετε ιδέα τι κάνουν! Γενικότερα κοιτάξτε την ουσία και αγνοείστε τα υπόλοιπα!

Μιλώντας για ουσία, τα πράγματα που πρέπει να κοιτάξει κάποιος είναι τα εξής :

  • να είναι web standard valid
  • να αφήνει το περιεχόμενο να “αναπνέει”
  • να είναι γρήγορο στο downloading (είναι αρκετά σημαντικό, ιδιαίτερα για τα blog που στοχεύουν το ελληνικό κοινό)
  • να είναι ευανάγνωστο και να έχει όμορφο typography και ταιριαστές γραμματοσειρές
  • να έχει σωστά επιλεγμένα χρώματα και συνδυασμούς (έχω στραβωθεί άπειρες φορές από απαίσιους συνδυασμούς χρωμάτων!)
  • να είναι εύκολο στην χρήση (δεν χρειάζονται περίεργα navigation menus και επιλογές)
  • να μην χρησιμοποιεί ήχους, flash και άλλα αντίστοιχα ενοχλητικά plug in
  • να είναι καλογραμμένο (στον κώδικα εννοώ), τεσταρισμένο και εύκολο στο customize
  • να δουλεύει σε όλους τους mainstream browsers, αναλύσεις και λειτουργικά συστήματα
  • να είναι όσο πιο accessible γίνεται (σε screen readers, text browsers και κατ’ επέκταση σε search engine bots κτλ.)

Από εκεί και πέρα οι πιο έμπειροι χρήστες που θα πειράξουν και περαιτέρω το design τους έτσι ώστε να το φέρουν ακόμα πιο πολύ στα μέτρα τους (το customization που λέγαμε), καλό θα είναι να προσέξουν να μείνει web standard valid και να μην το παρακάνουν με τα plug-ins, banners, κουμπάκια, κτλ. γιατί τις περισσότερες φορές όλα αυτά περισσότερο μπερδεύουν παρά βοηθάνε τους τελικούς χρήστες. Τέλος προσπαθήστε να κρατήσετε κάποια ομοιογένεια σε όλο το blog (δεν χρειάζεται να αλλάζουν πολλά χρώματα, navigation bars, κτλ. από σελίδα σε σελίδα χωρίς ιδιαίτερο λόγο). Αυτά τα λίγα για το design και το theme του blog σας. Όποιος έχει να προσθέσει κάτι ας αφήσει ένα comment.

Το συγκεκριμένο post είναι μέρος ενός μεγαλύτερου άρθρου το οποίο σκοπεύω να τελειώσω σε πολλά μέρη (προς το παρόν έχω σκεφτεί 3, αλλά μπορεί να βγουν και περισσότερα). Σε κάθε post θα αναλύω-περιγράφω και μια διαφορετική πτυχή ενός blog και θα προτείνω συμβουλές για το πως αυτή μπορεί να βελτιωθεί έτσι ώστε το blog σας να ξεχωρίσει από την μάζα!