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. Άντε και του χρόνου.

Tsevdos.com και WPtouch plug in

Εάν έχετε κάποιο WordPress installation και θέλετε να δημιουργήσετε εύκολα και γρήγορα μια mobile έκδοση του site σας η οποία θα λειτουργεί σε όλα τα κινητά τηλέφωνα (iPhone/iPod touch, Android, BlackBerry Storm κτλ.), τότε το WPtouch plug in είναι ακριβώς αυτό που χρειάζεστε! Προσωπικά με κέρδισε από το MoFuse που χρησιμοποιούσα μέχρι τώρα, για δύο κυρίως λόγους. Πρώτον, δεν χρειάζεται να έχω ή να ρυθμίσω κάποιο διαφορετικό mobile domain (πχ. m.tsevdos.com) για να λειτουργήσει. Οι mobile χρήστες μπαίνουν κατευθείαν στο site μου, και μόλις το WPtouch αντιληφθεί πως έχει να κάνει με mobile user agent, απλά του “σερβίρει”  την mobile έκδοση. Το δεύτερο χαρακτηριστικό που με κέρδισε, είναι ότι υποστηρίζει όλους τους σοβαρούς mobile browsers και συσκευές που υπάρχουν, και όχι μόνο το iPhone, όπως κάποιες άλλες λύσεις.

Το συστήνω ανεπιφύλακτα, μιας και σε χρόνο μηδέν, αλλά και χωρίς κόπο μπορείτε να κάνετε το WordPress site σας mobile-friendly.

Mobify.me

Πολύ ενθουσιάζομαι όταν ανακαλύπτω πραγματικά έξυπνες και πρακτικές λύσεις. Την συγκεκριμένη υπηρεσία την ανακάλυψα από το blog της Veerle και περιμένω πως και πως να γυρίσω σπίτι για να “παίξω” λίγο μαζί της. Η υπηρεσία ονομάζεται Mobify και σου επιτρέπει να δημιουργήσεις σχετικά εύκολα μια custom mobile έκδοση του site σου. Η διαφορά με τις υπόλοιπες υπηρεσίες, όπως για παράδειγμα το Mofuse που χρησιμοποιώ αυτήν την στιγμή στην mobile έκδοση του Τsevdos.com, είναι πως επιτρέπει πλήρη customization και έλεγχο της  mobile έκδοσης του site σας – κάνετε δηλαδή πραγματικό mobile web design – και δεν στηρίζεται σε κάποια έτοιμα templates τα οποία δημιουργούνται αυτόματα μέσω RSS feed (όπως λειτουργεί το Mofuse για παράδειγμα).

Με αυτόν τον τρόπο ένα μικρο-μεσαίο site μπορεί πολύ εύκολα να αποκτήσει μια αξιοπρεπέστατη και custom mobile λύση, με σχεδόν μηδενικό budget και χωρίς την σπατάλη πολύτιμων resources και χρόνου σε extra development ή την εκμάθηση πολύπλοκων API. Επίσης δεν χρειάζεται να κάνετε τίποτα το ιδιαίτερο για την ανανέωση του, πέρα από το να ανανεώνεται το κανονικό σας site. Στην συνέχεια απλά και ανάλογα με τις ρυθμίσεις και το περιεχόμενο που έχετε επιλέξει, η mobile version site σας ανανεώνεται αυτόματα!

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

Τέλος οι τύποι είναι και πολύ έξυπνοι στο marketing μιας και επικοινώνησαν με μεγάλα sites/blogs όπως το Veerle’s blog και το A List Apart και τους δημιούργησαν – δωρεάν φυσικά – τις mobile version τους!

Τα καλύτερα links – Δεκέμβρης 08

Έμπνευση

Web Design

  • Το Masked Input Plugin είναι ένα καταπληκτικό jQuery plug-in, το οποίο θα λύσει τα χέρια τόσο σε εσάς όσο και στους χρήστες σας. Με το Masked Input Plugin λοιπόν μπορείτε να υποδείξετε στους χρήστες σας την μορφή των δεδομένων που περημένετε από μία φόρμα. Απλά τέλειο!
  • Η γνωστή σε όλους μας (θέλω να πιστεύω) sIFR τεχνική τώρα και σε μορφή jQuery! Είμαι σίγουρος πως τo jQuery sIFR Plugin θα βολέψει αρκετούς από εσάς…
  • Το Oomph είναι ένα ενδιαφέρον microformats toolkit, το οποίο δεν με βοήθησε όσο θα ήθελα για πω την αλήθεια. Ίσως δεν ασχολήθηκα μαζί του όσο θα έπρεπε. Όποιος έχει project με microformats όμως, ας το έχει στα υπόψη του, μπορεί να είναι το αυτό που χρειάζεται!
  • Έχετε βαρεθεί να σχεδιάζετε και να ξανασχεδιάζεται φόρμες για το web? Εάν η απάντηση είναι ναι, το NiceForms είναι ένα έτοιμο πακετάκι που αναλαμβάνει όλο το styling των φορμών σας αυτόματα! Μπορείτε επίσης να κατεβάσετε και διάφορα έτοιμα themes φορμών πέρα από το κλασικό. Αρκετά βολικό για όσους βαριούνται 😉
  • Όσοι σχεδιάζουν site στο Photoshop και θέλουν να βλέπουν και το περίγραμμα των browser, μπορούν να κατεβάσουν τα Photoshop Browser Templates σε 3 διαφορετικές αναλύσεις! Κάπως παρατραβηγμένο, αλλά έτσι κι αλλιώς δωρεάν είναι!

Web Development

  • Το foxycart είναι πλέον το νέο αγαπημένο μου σύστημα cart/checkout! Σίγουρα αξίζει την μικρή συνδρομή που ζητάει (μπορείτε να το δοκιμάσετε και δωρεάν εάν θυμάμαι καλά), ενώ εάν τα προιόντα σας δεν ξεπερνάνε τα 50, έτσι ώστε να πάτε σε κάποια CMS cart λύση όπως το osCommerce, το foxycart είναι η ιδανικότερη και η πιο έυκολη στην υλοποίηση/παραμετροποίηση λύση!

Accessibility/Usability

  • Το userfly είναι η καλύτερη υπηρεσία για usability testing που έχω δει μέχρι στιγμής! Το installation της υπηρεσίας στο site σας είναι πανεύκολο, ενώ μετά μετά από αυτό θα έχετε την δυνατότητα να βλέπετε σε playback mode τις ακριβείς κινήσεις των χρηστών σας στο site σας (για να το καταλάβετε καλύτερα παίξτε οπωσδήποτε με το demo του)! Μπορείτε να το δοκιμάσετε και δωρεάν, σε 10 χρήστες την ώρα (μια χαρά ακούγεται), και καλό είναι να το κάνετε όσο προλαβένεται γιατί από ότι κατάλαβα οι δημιουργοί του δεν έχουν καταλάβει ακόμα πόσο φοβερή υπηρεσία έχουν, ούτε έχουν σκεφτεί πόσο θα την χρεώσουν!

Δωρεάν / Freebies!

  • To Songbird έφτασε επιτέλους μετά από πολύ καιρό την πρώτη έκδοση! Μου αρέσει γιατί θέλω ανταγωνισμό, ελευθερία αλλά και ευκολία σε τέτοιους είδους players, και το Songbird μου προσφέρει όλα τα παραπάνω και με το παραπάνω! Προσωπικά έχει γίνει το iTunes killer για εμένα, τώρα εάν θα τα καταφέρει και γενικότερα, ο χρόνος θα δείξει…

Διάφορα links

  • Μια πραγματικά πολύ έξυπνη, πρωτότυπη και χριστουγεννιάτικη ιδέα από το Τutorial 9! Το εν λόγω site λοιπόν, ξεκινάει το giveaway project στο οποίο καλεί όποιον ενδιαφέρεται να γράψει κάποιο tutorial ή άρθρο για κάποιες από τις πολλές κατηγορίες του. Εάν τελικά δημοσιεύθει το άρθρο που έχετε γράψει, κερδίζετε κάποια δωράκια, αλλά το ακόμα πιο συμαντικό είναι πως το Τutorial 9 δωρίζει 100 δολάρια σε παιδιά που έχουν ανάγκη. Μακάρι να βλέπαμε περισσότερες τέτοιες προσπάθειες…

Τα καλύτερα links – Νοέμβριος 08

Από αυτό τον μήνα, όπως είχα γράψει και παλιότερα, θα συλλέγω σε ένα και μοναδικό post τα links που μου έκαναν εντύπωση…

Έμπνευση

  • Templatica : Πολύ φτηνά και ποιοτικά XHTML/CSS templates, από τον δημιουργό του CSS globe Alen Grakalic. Για να δούμε τι θα καταφέρει…

Web Design

  • Adobe Flash Catalyst : Το νέο εργαλείο της Adobe για την εύκολη δημιουργία εφαρμογών, interfaces και interactive περιεχομένου. Δείχνει καλό και πολύ εύκολο στην εκμάθηση, λέτε επιτέλους να καταφέρω να φτιάξω και κάτι σε Falsh?
  • Malo : Ένα νέο και πολύ ελαφρύ CSS framework, μόλις 8 γραμμές και 0,25kb, φτιαγμένο κυρίως για μικρό-μεσαία site. Δεν το έχω δοκιμάσει, αλλά δείχνει αρκετά ενδιαφέρον.
  • CSS Browser Selector : Ένα πολύ απλό και μικρό Javascript αρχειάκι (λιγότερο από 1KB!) αναλαμβάνει να κάνει extend της CSS! Στην συνέχεια με απλές κλάσεις (class) μπορείτε να επιλέξετε συγκεκριμένους browsers και λειτουργικά συστήματα! Απλά καταπληκτικό!
  • Yahoo! BrowserPlus : Ακόμα ένα browser plug in, αυτήν την φορά φτιαγμένο από την Yahoo! Για να δούμε τι θα καταφέρει

Web Development

Accessibility

Mobile news

  • Google Android : Και επίσημα open source πλέον. Περιμένω πολλά από την συγκεκριμένη πλατφόρμα, και είναι ο μοναδικός λόγος που δεν έχω ήδη iPhone! Έχω την αίσθηση πως θα κυκλοφορήσουν σύντομα φτηνότερα και αντίστοιχου επιπέδου κινητά με το εν λόγω λειτουργικό.

WordPress και plug ins

  • WP Best Posts Summary : Ένα πολύ βολικό WordPress plug-in, για την αυτόματη ανασκόπηση των καλύτερων άρθρων/post! Για περισσότερες πληροφορίες διαβάστε το post που έχω γράψει. Το μόνο που με χαλάει είναι το κόλλημα που τρώει στο ελληνικό κείμενο… Κάποια ιδέα/fix κανένας?

Blogs

  • HumanWorks : Το νέο blog που παρακολουθώ από την ελληνική σκηνή! Πολύ καλός ο Νίκος!

Web 2.0

  • GetSignOff : Μια πολύ καλή λύση επικοινωνίας για επαγγελματίες web designers με τους πελάτες τους. Μπορείτε να δημιουργήσετε και δωρεάν λογαριασμό, έτσι ώστε να πάρετε μια γεύση από τα features διαθέτει η εφαρμογή.
  • Protonotes : Αντίστοιχη υπηρεσία με την πάνω, με την διαφορά πως σου αφήνουν feedback κατευθείαν πάνω στο site σου μέσω σημειώσεων (notes). Επίσης επιλέγεις ποιοι άνθρωποι θα σου αφήνουν αυτά τα notes, οπότε μπορεί να είναι οποιοιδήποτε, όπως συνεργάτες οι άλλα μέλη της ομάδας, και όχι απαραίτητα πελάτες. Το καλύτερο το άφησα για το τέλος, η υπηρεσία διατίθεται δωρεάν (δέχονται φυσικά paypal donations)!
  • Yahoo! Web Analytics : Μια ολοκαίνουργια υπηρεσία στατιστικών από την Yahoo! Την άποψη μου την έχω γράψει ήδη.
  • ANIMOTO : Μια πολύ έξυπνη ιδέα και υλοποίηση. Απλά επιλέξτε ποιες φωτογραφίες σας θέλετε να κάνετε video, και το ANIMOTO θα αναλάβει όλα τα υπόλοιπα! Πρέπει να το πρωτοδιάβασα από τον papo.

Δωρεάν! Freebies!

Διάφορα links

  • TVXS : Το ειδησιογραφικό portal του Στέλιου Κούλογλου είναι γεγονός! Έχει ήδη δημοσιεύσει πολλά και ενδιαφέροντα ντοκυμαντέρ, χωρίς περικοπές και λογοκρισία! This is internet!
  • Findsubtitles : Βρείτε υπότιτλους για ταινίες και σειρές σε διάφορες γλώσσες, ανάμεσα τους και σε ελληνικά. Μέχρι να πέσουν νέες μηνύσεις και να ανοίξει κάποιο άλλο τέλος πάντων…

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

Από αυτή την εβδομάδα ξεκινάω ένα νέο εγχείρημα, το οποίο θα είναι ένα εβδομαδιαίο post που θα καταγράφει τα πιο ενδιαφέροντα – κατά την γνώμη μου φυσικά – άρθρα και νέα από τον χώρο του web design, development και του internet γενικότερα. Αυτά τα post θα απευθύνονται κυρίως σε επαγγελματίες (ή μερακλήδες ερασιτέχνες) του χώρου  που θέλουν να ρίχνουν μια γρήγορη ματιά στο τι έχει γίνει τελευταία στο χώρο μας (internet), τόσο σε ελληνικό όσο και σε διεθνή επίπεδο.

Το εν λόγω εγχείρημα, θα μπορούσα θεωρητικά να το κάνω και με microblogging ή με άλλες ανάλογες υπηρεσίες, αλλά πραγματικά ποτέ δεν μου άρεσε η ιδέα του να postαρεις links και κείμενα μέσα σε 140 μόνο χαρακτήρες (ο λογαριασμός μου στο twitter έχει μόλις 1 twit!!!). Και μετά από αυτήν την μικρή εισαγωγή, ας περάσουμε και κυρίως θέμα :

Αυτά λοιπόν από αυτήν την εβδομάδα. Τα ξαναλέμε την επόμενη και εάν δεν σας κάνει κόπο αφήστε κάποιο comment για το πως σας φαίνεται αυτή η προσπάθεια… Προσωπικά δεν μαρέσει καθόλου ο τίτλος της, οπότε περιμένω βοήθεια στο συγκεκριμένο θέμα!!!

Δωρεάν αναβάθμιση σε όλους του λογαριασμούς 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 του, η οποία θα μπορεί να “διαβαστεί” από όλα τα κινητά τηλέφωνα!!!

Το Tsevdos.com διαθέσιμο πλέον και σε κινητά τηλέφωνα!

Τελικά η υπηρεσία που διάλεξα για την μετατροπή του site μου στην mobile-friendly μορφή του, ήταν η mofuse. Η υπηρεσία είναι πανεύκολη στην χρήση της (απλά περνάς το RSS feed σου και είσαι έτοιμος) ενώ προσφέρει αρκετές επιλογές ακόμα και στην δωρεάν έκδοση της! Όποιος λοιπόν θέλει να ενημερώνεται από το Tsevdos.com και από το κινητό του, μπορεί να βρει το περιεχόμενο του blog στο URL : http://m.tsevdos.com/. Πολύ μου αρέσει η version που δημιουργεί για το iPhone, απλή και χρηστική!

Κάντε το blog σας διαθέσιμο σε όλα τα κινητά τηλέφωνα μέσα σε 5 λεπτά!

Δεν αστειεύομαι καθόλου, εάν έχετε κάποιο blog (με RSS feed φυσικά) μπορείτε πάρα πολύ γρήγορα και με απλές επιλογές να δημιουργήσετε την mobile έκδοση του στο Wirenode! Στο συγκεκριμένο site λοιπόν μπορείτε να δημιουργήσετε ένα account, στο οποίο δηλώνεται το blog σας, το feed του καθώς και τις επιλογές που θέλετε να έχει η mobile έκδοση του, όπως τι mobile πρότυπο θα ακολουθήσει (υποστηρίζει όλα τα γνωστά mobile πρότυπα, παλιά και καινούργια, όπως WAP/WML, XHTML mobile profile, XHTML basic, cHTML, standard HTML, κτλ.), καθώς και άλλες επιλογές όπως εάν θα εμφανίζονται images, κτλ. Μόλις ρυθμίσετε όλα τα παραπάνω, το νέο mobile-friendly blog σας είναι έτοιμο σε κάποιο url που σας δίνει το Wirenode.

Σύμφωνα με την Wirenode το mobile blog σας θα είναι προσβάσημο σε όλα τα κινητά τηλέφωνα, από παλιά Nokia μέχρι το iPhone, ενώ απ’ ότι κατάλαβα μπορείτε να δημιουργήσετε και πολλές διαφορετικές εκδόσεις του mobile blog σας με διαφορετικές ρυθμίσεις και πρότυπα. Την υπηρεσία δεν την χρησιμοποίησα ακόμα, αλλά δείχνει μια πολύ εύκολη και ενδιαφέρον λύση, ωστόσο πιστεύω πως το mobile internet είναι καταδικασμένο και ανούσιο αυτήν την στιγμή, μιας και τα κινητά τηλέφωνα έχουν καταφέρει (ή έστω θα καταφέρουν πολύ σύντομα) να έχουν browsers επιπέδου desktop computers, οπότε παλιότερες τεχνολογίες και πρότυπα (τύπου WAP) δεν έχουν καμία ελπίδα ή νόημα ύπαρξης πλέον. Γι’ αυτόν ακριβώς τον λόγο, κάντε το blog σας accessible και valid στην XHTML πρώτα και στην συνέχεια ασχοληθείτε με όλα τα άλλα…

Update : Μόλις ανακάλυψα και την υπηρεσία MoFuse, η οποία κάνει πάνω-κάτω ακριβώς την ίδια δουλειά! Όποιος έχει χρησιμοποιήσει κάποια από τις δύο, ας αφήσει ένα comment για το πώς του φάνηκαν…

Η απόλυτη λίστα ελέγχου ενός site

Έστω ότι μόλις παραλάβατε κάποιο site από κάποια εταιρεία και θέλετε να ελέγξετε την ποιότητα του site που μόλις παραλάβατε ή απλά πως είστε ένας web designer / developer και θέλετε να ελέγξετε εάν το τελικό προϊόν σας (site) καλύπτει κάποια standards. Έχετε ήδη ρίξει λοιπόν μια καλή ματιά στο site με τον default browser σας, αλλά θα θέλατε να έχετε στην διάθεση σας και κάτι παραπάνω, κάτι πιο χειροπιαστό! Όποιος βρίσκεστε λοιπόν σε αυτήν την θέση καλό θα είναι να ρίξει μια ματιά στην παρακάτω λίστα και τις σημειώσεις της, μιας και θα μάθει να ελέγχει σχολαστικά οποιοδήποτε site και μάλιστα χρησιμοποιώντας δωρεάν εργαλεία και υπηρεσίες! Η παρακάτω λίστα είναι ένας πολύ καλός οδηγός για οποιονδήποτε θέλει να ελέγξει και να βελτιώσει το site του. Ας αρχίσουμε λοιπόν :

  • W3C Markup Validator : Σαφέστατα πρώτη κίνηση που πρέπει να γίνεται σε οποιοδήποτε site! Εάν η markup δεν είναι σωστή δεν έχει νόημα να προβούμε σε περαιτέρω tests και ελέγχους (όπως πχ. CSS validation). Εάν το site περάσει αυτό το τεστ, θα λειτουργεί στους περισσότερους υπάρχον browsers και συσκευές, αλλά και στις μελλοντικές υλοποιήσεις τους, χωρίς ιδιαίτερα προβλήματα.
  • W3C CSS Validator : Φυσικά μετά τον έλεγχο της markup ο δεύτερος πιο σημαντικός έλεγχος είναι αυτός της CSS. Και τα stylesheets μας πρέπει να είναι όσο πιο καθαρά και web standard γίνεται, ενώ εάν θα πρέπει να χρησιμοποιήσουμε hacks και μη standard τεχνικές, καλό θα είναι να τα κρατάμε σε κάποιο ξεχωριστό αρχείο και να τα φορτώνουμε μέσω του @import  κανόνα έτσι ώστε το βασικό stylesheet να παραμένει web standard valid! Μόλις περάσουμε και αυτό το τεστ είμαστε σε πάρα μα πάρα πολύ καλό δρόμο! Πολλοί designers χρησιμοποιούν πριν το τελικό CSS validation το Clean CSS το οποίο αναλαμβάνει να σας βοηθήσει στην επίλυση των CSS προβλημάτων, να σας δημιουργήσει ευκολοδιάβαστο κώδικα και γενικότερα να βελτιστοποιήσει (optimize) τον CSS κώδικα μειώνοντας ταυτόχρονα και το file size του. Προσωπικά δεν το χρησιμοποιώ απλά σε κάποιους μπορεί να λύσει τα χέρια.
  • WebXACT : Άλλη μία φανταστική υπηρεσία η οποία προσφέρει πληθώρα πληροφοριών για το site, από το file size και τον χρόνο που θα χρειαστεί κάποιος με 56αρι modem για να κατεβάσει την σελίδα σας μέχρι σε τι accessibility priority level έχει φτάσει το site και πόσα broken links έχει. Ρίχνοντας μια ματιά έχετε μια συγκεντρωτική ιδέα για το που κινείται το site και τι πρέπει να βελτιωθεί σε διάφορα σημεία.
  • Truwex Online 2.0 : Η καλύτερη επιλογή για εύκολο και γρήγορο accessibility test! Η υπηρεσία παρέχει πολλά εργαλεία και πληροφορίες για να λύσετε τα accessibility προβλήματα του site σας, ενώ η επιλογή “map” πραγματικά σας λύνει τα χέρια, δείχνοντας πάνω στο site που βρίσκονται τα accessibility προβλήματα με αναλυτική επεξήγηση του κάθε προβλήματος και φυσικά της λύσης του! Η υπηρεσία κάνει accessibility test σε όλα τα WCAG 1.0 levels αλλά και στον αμερικάνικο accessibility νόμο Section 508.
  • TAW Web Accessibility Test : Κάνει ότι λέει το όνομα του και είναι η δεύτερη υπηρεσία που επισκέπτομαι για accessibility tests! Πολύ καλό είναι και το feedback που δίνει, αφού σας ενημερώνει που βρίσκεται η κάθε παράληψη, σας εξηγεί τι είδους παράληψη είναι (priority level κτλ.) και φυσικά σας δίνει πληροφορίες για το πως μπορείτε να την διορθώσετε. Το μόνο tip που μπορώ να δώσω σε αυτό το σημείο είναι να προσπαθήσετε να καλύψετε το priority 1 αρχικά, και να μην απογοητευθείτε από τα πολλά accessibility warnings που θα δείτε, γιατί το TAW παραείναι αυστηρό!
  • WAVE 3.0 Accessibility Tool : Και αυτή η υπηρεσία έχει να κάνει με accessibility test παρουσιάζοντας κάπως διαφορετικά τα αποτελέσματα της. Η συγκεκριμένη υπηρεσία είναι λίγο πιο δυνατή στο να εντοπίζει και να παρουσιάζει τα κομμάτια του κώδικα σας όπως headers, divs, footers, Javascript, κτλ. και να προτείνει λύσεις στα διάφορα προβλήματα που πιθανόν έχουν. Έτσι με αυτόν τον τρόπο μπορεί πολύ γρήγορα κάποιος να διορθώσει τα accessibility προβλήματα σε themes και templates!
  • Browsershots : Αν και η καλύτερη λύση είναι να τεστάρετε το site σε όλα τα desktop λειτουργικά συστήματα, δηλαδή σε Windows, OSX και Linux, και σε όλους τους γνωστούς browsers γι αυτά (IE, Firefox, Opera, Safari, Konqueror κτλ.), η συγκεκριμένη λύση πολλές φορές δεν είναι και τόσο εφικτή. Έτσι καλό θα είναι να έχετε υπόψη σας την συγκεκριμένη υπηρεσία, η οποία αν και αργεί αρκετά (όπως οι περισσότερες αντίστοιχες άλλωστε) σας επιτρέπει να δείτε το site σε όλους του γνωστούς browsers αλλά και να επιλέξετε και συγκεκριμένες screen resolutions!
  • Ready.Mobi : H καλύτερη υπηρεσία που έχω ανακαλύψει για το τεστ ενός site σε κινητά τηλέφωνα! Η συγκεκριμένη υπηρεσία προσφέρει μια πολύ αναλυτική αναφορά για το πως φαίνεται το site σε κινητά τηλέφωνα, με λεπτομέρειες όπως πόση ώρα χρειάζεται το site για να κατέβει μέσω Wifi, 3G και GPRS, εάν έχετε κάνει σωστή χρήση των images για mobile συσκευές, πως φαίνονται τα stylesheets κτλ. Το κερασάκι στην τούρτα είναι και οι 4 (προς το παρόν) emulators κινητών τηλεφώνων που διαθέτει (Nokia N70, Samsung z105, Sony Ericsson k750i, Motorola v3i και Sharp GX-10)!
  • Website Grader : Τέλος θα ήθελα να κλείσω με την αγαπημένη μου SEO υπηρεσία. Εδώ μπορείτε να βρείτε πως τα πάει το site σας στις μηχανές αναζήτησης και στα περισσότερα ranking sites (όπως Technorati, Alexa, κτλ.) καθώς και πολλές άλλες χρήσιμες πληροφορίες όπως εάν έχει γίνει σωστή χρήση των τίλων/headings (h1, h2, ktl.). Εάν το site είναι ολοκαίνουργιο η χρήση της  συγκεκριμένης υπηρεσίας δεν έχει και πολύ νόημα, εάν όμως το site υπήρχε και έχει γίνει κάποιο redesign, καλό θα είναι να του ρίξετε μια ματιά.

Ελπίζω η παραπάνω λίστα να βοηθήσει όσους ενδιαφέρονται να κάνουν τα site τους ακόμα καλύτερα, πιο επαγγελματικά και τηρώντας κάποιες διεθνής προδιαγραφές! Οι εν λόγω υπηρεσίες και εργαλεία παρέχονται εντελώς δωρεάν και μπορούν να χρησιμοποιηθούν πανεύκολα, ενώ οι πληροφορίες που συλλέγουν θα ικανοποιήσουν και τους πιο απαιτητικούς! Φυσικά δεν είναι ανάγκη το κάθε site να περνάει με επιτυχία όλα τα παραπάνω test (ειδικά τα accessibility test είναι αρκετά δύσκολο να επιτευχθούν ενώ όπως είναι λογικό διαφορετικού τύπου site χρειάζονται και άλλου επίπεδου accessibility), αλλά καλό θα είναι να ρίχνουμε μια καλύτερη ματιά σε αυτά που είτε φτιάχνουμε είτε παραλαμβάνουμε, γιατί στην Ελλάδα το έχουμε παρακάνει το θέμα με τα μη valid και unaccessible sites!