Best of the rest – 41η εβδομάδα 2008

Πολύ λίγα τα links αυτής της εβδομάδας, ωστόσο ρίξτε τους μια ματιά…

  • Το A List Apart γιορτάζει τα 10 χρόνια του! Χρόνια πολλά!
  • To Formy είναι ένα απλό CSS framework για φόρμες. Εάν βαριέστε να βάζετε του ίδιους και ίδιους κανόνες στις φόρμες σας, ρίξτε του μια ματιά, μπορεί να σας σώσει αρκετό χρόνο…
  • Και ένα νέο ελληνικό blog που κέρδισε μια θέση στον RSS reader μου! Ονομάζεται Silverthan και ασχολείται με πολλά ενδιαφέροντα θεματάκια…

Βρετανικές web οδηγίες. Τι λάθος έκαναν;

Το Ηνωμένο Βασίλειο είναι η πρώτη ευρωπαϊκή χώρα που κάθισε και ετοίμασε τις δικές της οδηγίες για τα web sites που δραστηριοποιούνται σε βρετανικό έδαφος. Το Central Office of Information (COI) λοιπόν, δημοσίευσε τις οδηγίες που πρέπει να ακολουθούν και να καλύπτουν τα κυβερνητικά (government) sites και τα sites γενικού ενδιαφέροντος (public sector).

Από μια γρήγορη ματιά που τους έριξα, οι οδηγίες προσβασημότητας (accessibility) δεν διαφέρουν και πολύ από τα διεθνή standards, έχουν γράψει με άλλα λόγια τα ίδια πράγματα σε κάπως πιο επιχειρηματική γλώσσα (έτσι μου φάνηκε τουλάχιστον). Προσωπικά δεν θα έμπαινα καν στην διαδικασία να διαβάσω οδηγίες που έχουν να κάνουν με το web, εάν αυτές προερχόντουσαν από κάποια άλλη χώρα, ωστόσο το Ηνωμένο Βασίλειο έχει μεγάλη επιρροή στην Ευρωπαϊκή Ένωση και τις ευρωπαϊκές αποφάσεις, ιδιαίτερα σε θέματα τεχνολογίας και καινοτομίας. Μέσα λοιπόν σε όλον αυτό τον όγκο των πληροφοριών, το Web Standards Project παρατήρησε ένα τραγικό λάθος και αμέσως ξέσπασε μια μεγάλη διαμάχη ανάμεσα σε αυτό και την βρετανική κυβέρνηση.

Το Web Standards Project υποστηρίζει, και συμφωνώ απολύτως μαζί του, πως το COI έχει συντάξει έναν τελείως λάθος τρόπο υπολογισμού υποστήριξης browser (παρεμπίπτοντος δεν παρέχουν τις εν λόγω οδηγίες σε HTML μορφή ακόμα, αλλά μόνο σε MS Word και PDF, κάτι πραγματικά τραγικό). Έτσι οι επίσημες βρετανικές οδηγίες, προτρέπουν τους web masters να μην τεστάρουν αλλά και να μην υποστηρίζουν πλήρως τους browsers που δεν καταφέρνουν να έχουν ένα σεβαστό ποσοστό επισκεψημότητας. Το ποσοστό αυτό βγαίνει με κάποια περίεργα μαθηματικά που έχουν σκεφτεί οι άγγλοι ειδικοί (και που δεν πρόκειται να πάρει σοβαρά κανένας web master κατά την γνώμη μου), ενώ αν κατάλαβα καλά κάποιος browser με ποσοστό κάτω από 2% θεωρείτε όχι ημι-υποστηριζόμενος (semi-supported).

Τα προβλήματα που προκύπτουν από τις συγκεκριμένες οδηγίες είναι πάρα πολλά, όπως για παράδειγμα τι εννοούν γράφοντας ημι-υποστηριζόμενος (semi-supported) browser (ο καθένας μπορεί να το ερμηνεύσει διαφορετικά), με ποια λογική στατιστικής και με ποιο εργαλείο θα βγαίνει το ποσοστό των browser το οποίο θα καθορίζει την στρατηγική των site σε θέματα υποστήριξης browser, και πάρα πολλές παρόμοιες ερωτήσεις που σου έρχονται στο μυαλό διαβάζοντας μόνο τις οδηγίες στο συγκεκριμένο θέμα!

Εκτός από τα παραπάνω λάθη, τα οποία δεν ξεκαθαρίζουν και μάλλον μπερδεύουν ακόμα περισσότερο τους web masters, το σημαντικότερο μειονέκτημα των οδηγιών είναι η λάθος προσέγγιση που ακολουθούν! Κανονικά θα έπρεπε όπως πολύ επιτυχημένα γράφει και το Web Standards Project οι οδηγίες να προβάλουν τους σωστούς και μοντέρνους τρόπους κατασκευής ιστοσελίδων, έτσι ώστε να κινηθούν και οι κατασκευαστές browser αναγκαστικά προς την κατεύθυνση των web standards. Με την λογική του COI ένα public sector site με πολλούς IE6 users, μπορεί να χρησιμοποιήσει IE-only τεχνολογίες, tags, κτλ. που φυσικά δεν θα καταλαβαίνουν οι άλλοι μοντέρνοι browsers, αλλά αυτό δεν θα είναι πρόβλημα, γιατί πολύ απλά οι άλλοι browsers μπορεί να ανήκουν στην κατηγορία ημι-υποστηριζόμενων (semi-supported) browser! Το τραγικό είναι πως ένα τέτοιο site θα είναι απολύτως νόμιμο!

Ελπίζω να καταλάβουν γρήγορα την συγκεκριμένη γκάφα και να διορθώσουν γρήγορα το συγκεκριμένο κομμάτι των οδηγιών (δεν έχω προλάβει να τις διαβάσω αναλυτικά όλες). Προσωπικά δεν περίμενα οι βρετανοί να κάνουν μια τόσο μεγάλη γκάφα στις οδηγίες τους και με ανησυχεί μήπως και η συγκεκριμένη γκάφα περάσει και σε μελλοντικούς ευρωπαϊκούς κανόνες-οδηγίες… Επίσης δεν καταλαβαίνω γιατί μπήκαν σε τόση φασαρία έτσι ώστε να ξαναγράψουν, και μάλιστα χειρότερα, αυτά που ήδη υπάρχουν! Εάν ήθελαν πιο βρετανικούς κανόνες, ας έγραφαν ένα δικό τους section 508 όπως οι αμερικάνοι, και ας μην έμπλεκαν τα μπούτια τους με χίλια δύο πράγματα, οδηγίες, υπο-οδηγίες, στατιστικά, τεχνικές απαιτήσεις κτλ. κτλ. Προσωπικά θα συνεχίζω να δημιουργώ τα sites μου ακολουθώντας τις διεθνής οδηγίες και απλά ελπίζω οι κανόνες που θα ακολουθήσει η Ευρώπαική Ένωση να είναι σωστότερα γραμμένοι…

Best of the rest – 40η εβδομάδα 2008

  • To YouDrive είναι μια καταπληκτική εφαρμογή που βασίζεται στο Google Maps API. Απλά δηλώστε μία αφετηρία και έναν προορισμό, και το YouDrive θα σας δώσει αναλύτικές λεπτομέρειες για το πως να εκτελέσετε την διαδρομή, χρησιμοποιώντας τα μέσα μαζικής μεταφοράς! Μπορείτε επίσης να δείτε και άλλες λεπτομέρειες πάνω στον χάρτη σας, όπως που υπάρχουν αξιοθέατα, πρατήρια βενζίνης, fast food, τράπεζες, και ότι άλλο μπορείτε να φανταστείτε! Μια υπηρεσία που πραγματικά έλειπε από το ελληνικό internet. Τα συγχαρητήρια μου σους δημιουργούς του!
  • Τελικά δεν έχουν μόνο τα ελληνικά sites προβλήματα προσβασιμότητας (accessibility). Σε αυτό το post μπορείτε να δείτε την διαφορετική προσέγγιση που ακολουθούν τα sites των δύο μεγαλύτερων εταιρειών κινητής τηλεφωνίας. Η βρετανική version του site της Sony Ericsson τα πάει τραγικά άσχημα, κάτι που αποδεικνύει τρανά πως το θέμα accessibility δεν έχει να κάνει με μόνο με τα μικρά budgets!
  • To Hartija είναι ένα print CSS framework. Όσοι λοιπόν βαριέστε να γράφετε τους print-only κανόνες ξανά και ξανά, το εν λόγω framework θα σας γλιτώσει αρκετό χρόνο…
  • Τα καινούργια άρθρα του CSS3.gr είναι έτοιμα! Τι περιμένετε, ρίξτε τους αμέσως μια ματιά!
  • Το site “φόρεσε” επιτέλους και το Whitepress theme (ver. 1.0)! Εάν παρατηρήσετε κάποιο προβληματάκι (γιατί το δικό μου theme έχει αρκετές customιές όπως AdSence, Analytics, Feedburner, κτλ.) ενημερώστε με!

Best of the rest – 39η εβδομάδα 2008

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

  • Το σημαντικότερο νέο της εβδομάδας είναι η δημιουργία του World Wide Web Foundation, από τον ίδιο τον δημιουργό του web, σερ Tim Berners Lee! Οι λόγοι δημιουργίας του συγκεκριμένου οργανισμού είναι η περαιτέρω εξάπλωση του web σε ολόκληρο τον πλανήτη, σύμφωνα με την πρώτη ανακοίνωση του ιδρύματος. Πολλοί ειδικοί, ανάμεσα τους και ο δημιουργός του web, πιστεύουν πως το W3C έχει μείνει αρκετά πίσω στο θέμα προώθησης του web, και γι αυτόν ακριβώς τον λόγο αποφάσισαν να δημιουργίσουν ένα ιδρύμα το οποίο θα έχει αυτό ως σκοπό. Υπάρχει κάποια λογική στο θέμα (η Molly, γράφει και αυτή την πολύ ενδιαφέρουσα άποψη της στο τελευταίο A List Apart), ωστόσο εάν δεν ξεκαθαρίσουν κάπως τα θολά σχέδια του νέου ιδρύματος (κάπου μέσα στο 2009), δεν ξέρω εάν και κατά πόσο θα το υποστηρίξει η web κοινότητα (και εγώ ως ένα πολύ μικρό κομμάτι της)…
  • Το CSS3.gr είναι έτοιμο! Ρίξτε οπωσδήποτε μια ματιά στα άρθρα και το blog του. Σίγουρα θα βρείτε κάτι ενδιαφέρον να διαβάσετε!
  • Το Google Android είναι έτοιμο, όπως και το πρώτο κινητό που θα το χρησιμοποιήσει (ΤMobile G1)! Το Android δείχνει πραγματικά πολύ δυνατό και ανοιχτό, ενώ με εντυπωσίασε πολύ και ο ενσωματωμένος browser του! Το Read Write Web έγραψε ένα πολύ επεξηγηματικό άρθρο με πάρα πολλά video, τα οποία παρουσιάζουν τις πολλές δυνατότητες του καινούργιου λειτουργικού για κινητά τηλέφωνα. Προσωπικά το περιμένω πως και πως, μιας και απογοητεύτηκα αρκετά με το “ελληνικό” iPhone!
  • Η beta έκδοση του νέου Flash Player είναι έτοιμη και μπορείτε να την κατεβάσετε για διάφορα λειτουργικά συστήματα από τα Adobe Labs. Βλέποντας το νούμερο της έκδοσης (10), αισθάνθηκα και αρκετά γέρος, μιας και χρησιμοποιώ το συγκεκριμένο plug in από την δεύτερη έκδοση του (εάν θυμάμαι καλά)!!!
  • Πολύ δουλειά έχει πέσει στην Adobe η οποία εμφάνισε και την καινούργια Creative Suite της. Όλα τα γνωστά προγράμματα της Adobe αναβαθμίζονται στην έκδοση CS4, ενώ μπορείτε να διαλέξετε και την οικογένεια προγραμμάτων που καλύπτει τις ανάγκες σας και να γλιτώσετε αρκετά χρήματα. Προσωπικά έχω την αίσθηση πως οι αναβαθμίσεις σε Adobe προϊόντα πρέπει να γίνονται κάθε 2 με 3 εκδόσεις, αλλιώς έχω την αίσθηση πως πετάγονται πολλά λεφτά για το τίποτα… Μπορεί βέβαια να κάνω και λάθος…
  • Εμφανίστηκε και το πρώτο site (όχι επίσημο), με τίτλο Chrome Plugins, το οποίο προσπαθεί να κατασκευάσει τα πρώτα plug-ins για τον Chrome. Για να δούμε τι θα καταφέρουν…
  • To A List Apart δημοσίευσε τα νέα του άρθρα! Προσωπικά μου άρεσε περισσότερο το πιο τεχνολογικό “Test-Driven Progressive Enhancement“, ωστόσο και το “Web Standards 2008: Three Circles of Hell” σε προβληματίζει αρκετά για το που βαδίζουν τα web standards!
  • To Fire Vox είναι ένα plug in για τον Firefox, το οποίο μετατρέπει τον browser σε screen reader! Είναι ένα από τα εντυπωσιακότερα plug ins, το οποίο δίνει ένα επιπλέον κίνητρο και εργαλείο στους web designers και developers, έτσι ώστε να δημιουργήσουν ακόμα πιο accessible sites…
  • Κυκλοφόρησε ακόμα μία Javascript library, έτσι για να έχουμε ακόμα μεγαλύτερη ποικιλία, η Minordi. Όσοι δεν έχουν βρει ακόμα μια Javascript library που να τους καλύπτει (πράγμα πολύ δύσκολο), ας της ρίξουν μια ματιά…
  • Ο Webkit είναι η πρώτη μηχανή rendering που περνάει και επίσημα το Acid 3 test.
  • Και εκεί που όλοι λέγαμε πόσο σημαντικά είναι τα friendly URLs στο SEO, έρχεται η Google και ανακοινώνει από το επίσημο Google Web Master Central blog πως δεν χρειάζεται να ξαναγράφουμε με φιλικό τρόπο τα URLs μας!!! Τώρα γιατί το κάνει αυτό, ειδικά αυτήν την στιγμή όπου πλέον αρχίζουν να καταλαβαίνουν και οι λιγότερο ειδικοί την σημασία των friendly URLs, πραγματικά δεν έχω ιδέα… Περιμένω μόνο τις πρώτες αντιδράσεις από τους web masters και τους SEO experts…
  • Τέλος μου άρεσε ιδιαίτερα η ιδέα του site Yotify. Στο εν λόγω site λοιπόν, φτιάχνεις scouts (ανιχνευτές), οι οποίοι δρουν σαν bots και σε ενημερώνουν για πράγματα που ενδιαφέρεσαι αυτόματα, χωρίς να κουνάς ούτε το δαχτυλάκι σου!!! Πάρα πολύ έξυπνη και βολική ιδέα!

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 που χρησιμοποιείτε ή που νομίζεται πως αξήζει να αναφερθεί, αφήστε μου ένα σχόλιο, για το κοιτάξω κι αυτό…

Best of the rest – 38η εβδομάδα 2008

Αρκετή κινητικότητα αυτήν την εβδομάδα, με ιδιαίτερη έμφαση στα νέα που έχουν να κάνουν με web accessibility 😉

  • Το Adobe AIR είναι έτοιμο και για Linux (beta version). Με αυτήν την κίνηση λοιπόν, η Adobe καταφέρνει να έχει μια πολύ ώριμη RIA πλατφόρμα σε όλα τα λειτουργικά συστήματα! Για να δούμε λοιπόν εάν το AIR θα καταφέρει να γίνει συνώνυμο των RIA εφαρμογών…
  • Για πρώτη φορά στην Ευρώπη, δημιουργούνται οι πρώτες accessibility guidelines. Μας έρχονται από το Ηνωμένο Βασίλειο, και πιο συγκεκριμένα από το Central Office of Information (COI), και έχουν ιδιαίτερο ενδιαφέρον, γιατί είναι οι πρώτες επίσημες accessibility οδηγίες κάποιου ευρωπαϊκού κράτους. Από μια πρώτη ματιά που έριξα, συμφωνώ απόλυτα με το post του Web Standards Project, το οποίο εξηγεί πως το σκεπτικό που έχουν γραφτεί οι οδηγίες είναι λάθος, και πως θα δημιουργηθούν αρκετά προβλήματα εάν τελικά χρησιμοποιηθούν. Μείνετε συντονισμένοι γιατί έχω σκοπό να γράψω και την δικιά μου άποψη πάνω στο θέμα.
  • Και μιας και ανοίξαμε το θέμα accessibility στο web, το Digital Web Magazine δημοσίευσε ένα εξαιρετικό άρθρο με θέμα την προσβασημότητα (accessibility) στο web, αλλά και στο πως θα πρέπει να σχεδιάζουμε τα site μας για ανθρώπους με διάφορα προβλήματα και αναπηρίες. Είναι από τα καλύτερα και πιο ολοκληρωμένα άρθρα που έχω διαβάσει, με πολλές λεπτομέρειες και παραδείγματα. Απλά διαβάστε το!
  • Με το Fangs plug in για τον Firefox, μπορείτε να “διαβάσετε” την σελίδα σας, όπως θα την διάβαζε ένας screen reader. Ας ρίχνουμε λοιπόν μια ματιά στα site που κατασκευάζουμε με αυτό το plug in, έτσι ώστε να κάνουμε την ζωή κάποιων χρηστών μας ακόμα πιο εύκολη, γιατί πραγματικά το αξίζουν.
  • Το Status είναι κάτι σαν το Twitter, με βασική διαφορά πως επιλέγετε ποιοι χρήστες και group θα βλέπουν αυτά που γράφεται. Πολύ καλή λύση για να ομάδες και groups που θέλουν να μοιράζονται πληροφορίες, χωρίς ωστόσο να τις βλέπει ο καθένας…
  • H καινούργια release candidate version του jQuery UI είναι έτοιμη! Για όσους θέλουν να ρίξουν μια ματιά, μπορούν να την κατεβάσουν εδώ και τώρα (version 1.6rc2).
  • To SEOmoz είναι ένα blog που απλά πρέπει να παρακολουθείτε εάν δηλώνεται επαγγελματίες του χώρου. Ασχολείται με SEO θέματα όπως καταλαβαίνετε και από τον τίτλο του, ενώ κάθε Παρασκευή δημοσιεύει ένα πολύ ενδιαφέρον videocast, το οποίο ονομάζει Friday Whiteboard. Το ανακάλυψα από το blog About.SEO του Γιώργου.

Google Chrome : Μια πιο τεχνολογική ματιά

Δοκίμασα και εγώ τον νέο open-source browser της Google, τον Chrome, και προσωπικά με εντυπωσίασε! Ακόμα και στην beta έκδοση, ο Chrome είναι πάρα πολύ γρήγορος, κάτι που έπρεπε να δω με τα ίδια μου τα μάτια, μιας και δεν πιστεύω ποτέ ούτε τα fanboys, ούτε τις υπερβολές των επίσημων κατασκευαστών. Δεν θα μπω στο τρυπάκι του να (αντι)γράψω για μια ακόμα φορά τα χαρακτηριστικά του, τα οποία είναι πραγματικά πολλά και αξιόλογα (δείτε και τα video που τα παρουσιάζουν, είναι πολύ μικρά και αξιόλογα), ωστόσο θα σταθώ σε μερικά σημεία που θα απασχολήσουν στο μέλλον τους πιο έμπειρους χρήστες και επαγγελματίες.

Το πρώτο και σημαντικότερο είναι πως ο Chrome χρησιμοποιεί το Webkit για μηχανή rendering. Προς το παρών η Google δηλώνει πως όποιο site εμφανίζεται σωστά σε Safari (ο οποίος στηρίζεται και αυτός στο Webkit) θα εμφανίζεται σωστά και στον Chrome. Με λίγα λόγια αυτήν την στιγμή οι δύο browsers έχουν κατά κάποιον τρόπο “συμβατή” version του Webkit, ωστόσο κανείς δεν ξέρει εάν η Google ή η Apple θα κρατήσουν αυτήν την συμβατότητα…

Το δεύτερο σημαντικό στοιχείο του browser είναι η ολοκαίνουργια Javascript engine που χρησιμοποιεί, η V8! Πραγματικά δείχνει πολύ γρήγορη, ενώ περνάει και με 100% επιτυχία το ACID2 test (στο 3 θέλει λίγο δουλειά ακόμα). Γενικά πιστεύω πως η αγορά χρειαζόταν μια καινούργια και γρήγορη Javascript engine, ενώ το γεγονός ότι και αυτή είναι open source την κάνει ακόμα πιο σημαντική.

Ένα άλλο σημείο που κάνει τον Chrome να ξεχωρίζει από τους άλλους browsers, είναι η ενσωμάτωση του Google Gears μέσα στον ίδιο τον browser (δεν χρειάζεται να εγκαταστήσετε κάποιο plug in). Αυτό αλλάζει πολλά δεδομένα για τους developers που θέλουν να αναπτύξουν εφαρμογές με επιπλέον δυνατότητες, πέρα από τις κλασικές τεχνολογίες. Μιλάμε για φοβερές δυνατότητες όπως local server μέσα στον browser (ο browser με λίγα λόγια θα είναι και client και server !!!), local database/SQLite και πολλά άλλα καλούδια!!! Σκεφτείτε πόσα επιπλέον features μπορεί να αποκτήσει οποιοδήποτε site/web application, γνωρίζοντας πως οι χρήστες του χρησιμοποιούν τον συγκεκριμένο browser!

Αν και δεν σχολιάστηκε όσο θα έπρεπε, ο Chrome χτυπάει, και μάλιστα πολύ δυνατά, άλλο ένα προϊόν της Mozilla – πέρα του Firefox – το Mozilla Prism (είχα γράψει και παλιότερα γι αυτό). Με μία κίνηση λοιπόν μπορείτε να δημιουργήσετε application shortcuts (έτσι τα ονομάζει τουλάχιστον), τα οποία με την βοήθεια του browser και των χαρακτηριστικών του (Gears, κτλ.) μπορούν να λειτουργήσουν σαν RIA εφαρμογές! Ακριβώς ότι κάνει το Prism με την Gecko rendering engine, μόνο που όλα γίνονται πιο εύκολα και γρήγορα!

Τέλος, για εμάς τους developers, ο Chrome διαθέτει 2 πολύ ενδιαφέροντα εγαλειάκια, το Web Inspector και το JavaScript Debugger (έχω την αίσθηση πως είναι τα κλασικά web tools έρχονται με το Webkit), αλλά τίποτα παραπάνω προς το παρόν (ξεχάστε το Firebug δηλαδή)… Είναι πολύ νωρίς ακόμα για να ζητάω add-ons, ιδιαίτερα τέτοιου επιπέδου, ωστόσο έχω την αίσθηση πως θα φτιαχτούν γρήγορα πολλά και ποιοτικά add-ons για τον browser. Μην ξεχνάτε πως τα πάντα είναι open source! Τα πιο ανήσυχα μυαλά μπορούν να ρίξουν και μια ματιά στο επίσημο FAQ των web developers το οποίο θα τους λύσει αρκετές απορίες για τον browser και τις παραξενιές του.

Μετά από μία ολόκληρη μέρα με τον Chrome λοιπόν, δηλώνω fan του στο κομμάτι του browsing, ωστόσο μερικά add-on του Firefox (Firebug, FireShot, Web Developer Bar, Delicious Bookmarks και διάφορα άλλα μικρότερης σημασίας), με αναγκάζουν να κρατάω τον Firefox ως default browser. Θα περιμένω λοιπόν ακόμα να δω τι add ons θα δημιουργηθούν για τον νέο browser, και θα ξανασκεφτώ σοβαρά το θέμα switching, ωστόσο εάν ψάχνεται έναν γρήγορο browser μόνο για surfing, κατεβάστε και χρησιμοποιήστε άφοβα τον Chrome!

SEO και URLs : 7 λάθη που δεν πρέπει να γίνονται

Επειδή ο τίτλος μιλάει από μόνος του, θα κάνω μόνο μία μικρή εισαγωγή έτσι ώστε να περάσω όσο πιο γρήγορα γίνεται στο “κυρίως πιάτο”. Τα URLs παίζουν ρόλο, και μάλιστα σημαντικό, στο SEO ενός site. Όσο πιο απλά και δομημένα είναι τα URLs σας, τόσο πιο εύκολα τα θυμούνται τόσο οι χρήστες σας, όσο και οι μηχανές αναζήτησης. Άσχημα δομημένα και δύσχρηστα URLs είναι δύσκολο τόσο να βρεθούν/ανακαλυφθούν όσο και να μοιραστούν από τους χρήστες σε social media sites αλλά και σε παραδοσιακά μέσα όπως e-mail και IM. Τέλος μην ξεχνάτε και το νέο μέσο που κατακτά το web σιγά-σιγά, το κινητό τηλέφωνο, στο οποίο ο χρήστης δεν έχει την ευχέρεια ούτε να πληκτρολογεί ατέλειωτα URLs, ούτε φυσικά να κάνει copy-paste 3-4 γραμμές URL από ένα SMS στον browser του κινητού του (για αυτόν τον λόγο άλλωστε φτιάχτηκαν και τα TinyURL αλλά και το ελληνικό urlBorg). Παρακάτω λοιπόν παρουσιάζω 7 λάθη που πρέπει να αποφεύγουμε στα URL μας. Αποφεύγουμε λοιπόν :

  1. Ελληνικούς και ειδικούς χαρακτήρες : Εδώ θα διαφωνήσουν πολλοί αλλά μπορούμε να το συζητήσουμε παρακάτω. Προσωπικά πιστεύω πως οι ελληνικοί χαρακτήρες πρέπει να αποφεύγονται στο URL, μέχρι να ξεκαθαρίσουν τουλάχιστον κάποια πράγματα, και φυσικά μέχρι να σιγουρευτούμε πως όλοι οι browsers μπορούν να υποστηρίξουν τα ελληνικά. Επίσης χαρακτήρες όπως απόστροφοι κτλ. πρέπει να αποφεύγονται (με εξαίρεση το σύμβολο του μείον/παύλα -). Πολλά social media sites, όπως το StumbleUpon, δημιουργούν broken links εάν ανακαλύψουν ειδικούς χαρακτήρες στο URL, όπως για παράδειγμα την απόστροφο, η οποία στο URL παίρνει την μορφή %e2%80%93!!!
  2. Πολλαπλά URLs για την ίδια σελίδα : Ιδιαίτερα εάν πρόκειται για την πρώτη (index) σελίδα μας, κάνει κακό, πέρα από το SEO κομμάτι, και στα στατιστικά μας, μιας και πρέπει να μετράμε/μελετάμε τα στατιστικά πολλών σελίδων αντί μίας! Φτιάξτε λοιπόν είτε με κατάλληλες ρυθμίσεις στον server σας είτε με άλλο εργαλειάκι/ρύθμιση στο site σας το φαινόμενο των πολλαπλών URL που καταλήγουν στην ίδια σελίδα (για παράδειγμα http://www.tsevdos.com, http://tsevdos.com, http://www.tsevdos.com/, http://tsevdos.com/, http://www.tsevdos.com/index.php, http://tsevdos.com/index.php κτλ.).
  3. Χρήση αριθμών αντί για κείμενο : Ποιο είναι πιο περιγραφικό URL, το “http://www.tsevdos.com/accessibility-test-in-ten-minutes/” ή το “http://www.tsevdos.com/?post=111”. Νομίζω πως η απάντηση είναι ξεκάθαρη…
  4. Πολλές ή ακόμα και άσκοπες παραμέτρους στα URLs μας : Όπως για παράδειγμα “http://www.tsevdos.com/accessibility/post/2008/07/01/accessibility-test-in-ten-minutes/”. Κρατήστε το απλό (http://www.tsevdos.com/accessibility-test-in-ten-minutes/).
  5. Ημερολογιακά URLs (εκτός και εάν πραγματικά τα χρειαζόμαστε) : Προσωπικά το χρησιμοποιώ γιατί αλλιώς θα δημιουργήσω πολλά broken links στο blog μου (external μάλιστα), αλλά εάν γύριζα πίσω στο χρόνο θα επέλεγα απλά να φαίνεται μόνο το όνομα του post στο URL. Μήπως ξέρετε κάποιο plug in που να κάνει κάτι τέτοιο?
  6. Αλλαγές σε URL σε ήδη δημοσιευμένες σελίδες : Εάν χρειαστεί να γίνει κάτι τέτοιο, κάντε μόνιμο redirect (301).
  7. Τις έτοιμες CMS λύσεις : Τώρα αυτό είναι μεγάλη κουβέντα αλλά οι περισσότερες έτοιμες λύσεις (όπως Joomla και Mambo) δεν παρέχουν άμεσα σωστά δομημένα URL. Εάν πρέπει να χρησιμοποιήσουμε κάτι τέτοιο, καλό θα είναι να κοιτάξουμε για κάποιο plug in που να δημιουργεί ομορφότερα και πιο semantic URLs…

Φυσικά όποιος θέλει να προσθέσει ή να συζητήσει κάτι σε σχέση με την παραπάνω λίστα, απλά ας αφήσει ένα σχόλιο.

Δωρεάν αναβάθμιση σε όλους του λογαριασμούς MoFuse!

Θυμάστε την υπηρεσία MoFuse που είχα παρουσιάσει παλιότερα και στην οποία στηρίζεται η mobile version του blog μου (m.tsevdos.com)? Το επίσημο blog της εταιρείας λοιπόν, μόλις ανακοίνωσε πως όλοι οι δωρεάν (free) χρήστες της υπηρεσίας, μεταξύ τους και εγώ, αναβαθμίζονται αυτόματα και χωρίς καμία επιβάρυνση στην professional version!!! Τα πλεονεκτήματα της pro version είναι πολλά, ιδιαίτερα εάν είστε κάτοικος Αμερικής, ωστόσο αυτό που χρησιμοποίησα αμέσως ήταν το custom domain name! Μέχρι σήμερα, αν και είχα δημιουργήσει ειδικό sub-domain για την mobile version του blog, αυτό που στην ουσία συνέβαινε ήταν να κάνω redirect από το m.tsevdos.com στο tsevdos.mofuse.mobi έτσι ώστε να βλέπεται την mobile version σε οποιοδήποτε κινητό τηλέφωνο. Πλέον με την δωρεάν αναβάθμιση που είχα, μπορώ να δηλώσω δικό μου (custom) domain στις ρυθμίσεις του MoFuse και να έχω στο δικό μου domain (sub-domain για την ακρίβεια) την mobile version του site μου! Μετά και από αυτήν την κίνηση της MoFuse θεωρώ αδικαιολόγητο κάποιον που δεν ξοδεύει 3 λεπτά (κυριολεκτικά) από τον χρόνο του για να φτιάξει μια αξιοπρεπέστατη mobile version για το blog του, η οποία θα μπορεί να “διαβαστεί” από όλα τα κινητά τηλέφωνα!!!

Web accessibility checklist

Ο Aaron Cannon είχε δώσει στην δημοσιότητα την προσωπική του web accessibility checklist, στην οποία αξίζει να ρίξετε μια ματιά, ιδιαίτερα εάν δεν έχετε και τόση εμπειρία στο θέμα web accessibility. Η συγκεκριμένη λίστα κυκλοφορεί πλέον και σε PDF μορφή για όσους θέλουν να την εκτυπώσουν και να βάζουν το πολυπόθητο tick στην λίστα μετά από κάθε έλεγχο του site! Τι περιμένετε λοιπόν, κατεβάστε την και χρησιμοποιήστε την, όλο και κάτι θα σας έχει ξεφύγει και θα μάθετε…