Η απόλυτη λίστα web accessibility και usability υπηρεσιών

Το Virtual Hosting blog δημιούργησε την πιο ολοκληρωμένη λίστα δωρεάν web accessibility και usability υπηρεσιών που έχω βρει μέχρι τώρα! Το post είναι εξαιρετικό, με αρκετές λεπτομέρειες για την κάθε υπηρεσία, και είναι must για όλους όσους ασχολούνται σοβαρά με το web design. Ετοίμαζα και εγώ κάτι σχετικό, αλλά πλέον δεν υπάρχει λόγος να ξαναγράφω τα ίδια πράγματα…

Δωρεάν On-line Flash editor

Μετά τους on-line HTML editors καιρός ήταν να δούμε και τον πρώτο on-line, και δωρεάν πάντα, Flash editor, με το όνομα Sprout. Αν και δεν δοκίμασα ακόμα την εν λόγω υπηρεσία, η ιδέα είναι η δημιουργία μικρών Flash εφαρμογών κατευθείαν στον browser (χωρίς την ανάγκη ύπαρξης του Adobe Flash με λίγα λόγια) και στη συνέχεια το μοίρασμα αυτών των εφαρμογών οπουδήποτε, κάνοντας embed τον κώδικα που σας παρέχει το Sprout! Οι δυνατότητες που προσφέρει φαίνονται αρκετές (ιδιαίτερα για τον μέσο χρήστη), και σίγουρα αποτελεί μια πολύ απλή, εύχρηστη και γρήγορη λύση για μικρά Flashάκια που ζητάνε συνήθως οι πελάτες. Είναι ήδη στα bookmarks μου και θα το κοιτάξω και πιο προσεκτικά! Viva Web 2.0!!!

Δωρεάν on-line WYSIWYG HTML editors

Για όσους δεν έχουν ιδιαίτερες web design γνώσεις και θέλουν μια πολύ απλή και δωρεάν προβολή στο internet υπάρχουν πλέον δύο δωρεάν on-line λύσεις! To Roxer και το Webnode λοιπόν, αναλαμβάνουν να γίνουν οι on-line WYSIWYG HTML editors του απλού χρήστη! Μάλλον θα αρχίσω να τα συστήνω και σε ανθρώπους που βρίσκουν ακριβές τις web design υπηρεσίες… Ξέρετε αυτούς που με 300 ευρώ θέλουν να τους φτιάξεις το νέο Youtube ή Flickr!

Δωρεάν, On-line course για όσους θέλουν να μάθουν Ruby on Rails!

Για όσους ενδιαφέρονται να μάθουν να προγραμματίζουν στην γλώσσα προγραμματισμού Ruby και φυσικά στο διάσημο Rails Framework, το site Ruby Learning κάνει την καλύτερη προσφορά αυτήν την στιγμή! Όπως αναφέρει σε πρόσφατο post του, μπορείτε να γραφτείτε εντελώς δωρεάν στο course με τίτλο The Free Online Ruby Programming Course – FORPC101, το οποίο ξεκινάει την Δευτέρα 7 Ιανουαρίου 2008! Το πρώτο tutorial είναι ήδη έτοιμο ενώ ο κύριος Satish Talim, υπεύθυνος του course και των μαθημάτων, έχει προς το παρόν 1730 μαθητές! Όποιος ενδιαφέρεται να γίνει συμμαθητής μου τον περιμένω 😉 .

Η απόλυτη λίστα ελέγχου ενός 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!

Διαφημίστε το blog σας χωρίς να ξοδέψετε ούτε ένα euro!

  1. Ενημερώστε τις δημοφιλείς μηχανές αναζήτησης Google, Yahoo! και MSN (Live Search) πως το blog σας υπάρχει!
  2. Δώστε το/τα feed σας σε όσους πιο πολλούς RSS agreegators μπορείτε. Προτιμήστε αυτούς που είναι διαθέσιμοι στην γλώσσα που γράφεται το blog σας (πχ. για ελληνικά – Mpouligator, Buzz, blogz, GreekBloggers, Blogspace) αλλά και τους ειδικευμένους στο θέμα του blog σας aggregators (στα ελληνικά δεν υπάρχουν πολλοί, αλλά εάν γράφεται στα αγγλικά τότε θα βρείτε αρκετούς τέτοιους).
  3. Δημιουργείστε οπωσδήποτε ένα λογαριασμό στο Technorati και δηλώστε το/τα blog σας!
  4. Δηλώστε το blog σας σε όσα περισσότερα blog directories μπορείτε (οι κανόνες γλώσσας/ειδίκευσης βlog ισχύουν και εδώ).
  5. Μάθετε να γράφεται σωστούς τίτλους. Επίσης προσέξτε τα permalinks σας να είναι σωστά κατηγοριοποιήμενα και πάντα στα αγγλικά (όχι greeklish). Εάν έχετε προβλήματα με οποιοδήποτε από τα παραπάνω, κυκλοφορούν και πολλά plug in σε όλες τις blogging πλατφόρμες και υπηρεσίες που θα κάνουν την ζωή σας ευκολότερη (απλά ψάξτε για SEO plug ins, permalinks plug ins, κτλ.).
  6. Αφήστε σχόλια σε άλλα blogs. Προτιμήστε blogs με ανάλογα θέματα με το δικό σας.
  7. Φτιάξτε ένα blogroll με τα blog που διαβάζετε ή εάν είναι πάρα πολλά με blog ανάλογου περιεχομένου. Πολλοί θα προσθέσουν και εσάς στο blogroll τους αργά ή γρήγορα.
  8. Διαφημίστε το blog σας σε όλες τις on-line δραστηριότητες σας (πχ. signature σε e-mails και forums, ΙΜ, κτλ.)
  9. Προσθέστε μερικά άρθρα σας σε user-voting aggregators (όπως πχ. Digg ή το ελληνικό Cull) και προσπαθήστε να πείσετε τους χρήστες σας (και τους φίλους σας φυσικά), να ψηφίσουν το άρθρο σας. Επίσης προσθέστε links που να διευκολύνουν την όλη διαδικασία κάτω από κάθε post.
  10. Διαφημίστε το περιεχόμενο του blog σας! Μερικοί πολύ εύκολοι τρόποι που μου έρχονται αυτήν την στιγμή είναι η προσθήκη links με σχετικά παλιότερα άρθρα σας στο τέλος κάθε post σας, προσθήκη των tags στα οποία ανήκει το κάθε post, εύκολη πρόσβαση σε navigation (categories, archives, top posts) κτλ. Ο χρήστης μπορεί να μην βρήκε αυτό που έψαχνε στο post σας, οπότε εάν έχει πρόσβαση σε κάτι που μπορεί να τον βοηθήσει να βρει αυτό που ψάχνει (όπως πχ. ένα συγκεκριμένο tag, ένα link σε προγούμενο post ή παραπομπή σε κάποια ανάλογη κατηγορία/archive) είναι πολύ πιθανό να το χρησιμοποιήσει και να παραμείνει στο site σας!
  11. Γίνεται expert σε κάποιο θέμα και φυσικά μην σταματάτε να blogaρετε!

Νέα προηγούμενων εβδομάδων

Παρακάτω μπορείτε να διαβάσετε πάρα πολύ περιληπτικά (στην κυριολεξία) τα νέα των προηγούμενων εβδομάδων!

  • Gran Paradiso Alpha 8 : Η νεότερη alpha version του Gran Paradiso (ή αλλιώς Firefox 3). Δεν την δοκίμασα αλλά άκουσα πολύ καλά λόγια (ιδιαίτερα από χρήστες Mac).
  • e-Bay Desktop (beta) : Ένας browser από το γνωστό site αγοροπωλησιών και πλειστηριασμών, που φυσικά θα κάνει ευκολότερη (και ασφαλέστερη σύμφωνα με το site) την ζωή των χρηστών του.
  • FatFreecart : Άλλη μία πολύ καλή ιδέα και υλοποίηση! Με το FatFreecart μπορείτε πανεύκολα και μέσα σε δευτερόλεπτα να δημιουργήσετε το δικό σας mini e-comerce site έτσι ώστε να πουλάτε πανεύκολα τα T-shirt και CD σας. Οι υπηρεσίες συναλλαγής που υποστηρίζει είναι το PayPal και το Google checkout.
  • Microsoft Office live (beta) : Η λύση της Microsoft στον γρήγορο και εύκολο σχεδιασμό web site. Η δωρεάν υπηρεσία προσφέρει 500MB storage και 25 custom e-mail.
  • Joost (beta) : Το Joost, ή αλλιώς η on-line δωρεάν τηλεόραση (όπως αυτοδιαφημίζεται), βγαίνει επιτέλους από την κλειστή beta, και πλέον ο καθένας μπορεί να χρησιμοποιήσει δωρεάν την πρώτη public beta (τώρα πως το κατάφεραν αυτό -να πηγαίνουν από beta σε beta – είναι άλλο θέμα)! Η υπηρεσία είναι αρκετά εντυπωσιακή και αξίζει να της ρίξετε μια ματιά, ιδιαίτερα εάν έχετε γρήγορη σύνδεση.
  • Δωρεάν βιβλίο Ruby on Rails από το Sitepoint.com : To Sitepoint.com δωρίζει την PDF έκδοση του βιβλίου της “Build your own Ruby on Rails web applications”! Προλάβετε γιατί η προσφορά ισχύει για 48 μέρες ακόμα! Πολύ καλή κίνηση από το Sitepoint.com (και είχα πληρώσει αρκετά δολάρια για το ίδιο βιβλίο πριν από 2 μήνες)!!!
  • Filespot : Μια πολύ ενδιαφέρουσα και με πολλές προοπτηκές online υπηρεσία διαχείρισης αρχείων. Το interface του αντιγράφει αρκετά τον Windows Explorer των Vista! Όποιος το έχει δοκιμάσει ας κάνει ένα comment.
  • 2007 Web Awards : Όλες οι κατηγορίες και υποψιφιότητες των Web Awards για το έτος 2007!
  • Σεμηνάρια από το Πολυτεχνείο : Σεμινάρια (επί πληρωμής δυστυχώς) του Εθνικού Μετσόβιου Πολυτεχνείου για διάφορους τεχνολογικούς κλάδους! Με χαρά είδα πως και το web design και το web development περιλαμβάνονται!