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

Το συγκεκριμένο post θα είναι και το τελευταίο της σειράς, μιας και τα αγαπημένα μου links θα δημοσιεύονται πλέον κατευθείαν στον twitter λογαριασμό μου (ναι είναι ενεργός επιτέλους)! Καλή χρονιά σε όλους και μην ξεχάσετε να με ακολουθείτε στο twitter 😉

Έμπνευση

  • Wolfram|Alpha : Μια νέα, πολύ εντυπωσιακή που πολλές φορές καταντάει και τρομακτική search engine. Δείτε οπωσδήποτε και το τρομακτικό video της

Web Design

  • Easy- front end framework : Ακόμα ένα CSS framework το οποίο προσφέρει πολλές “out of the box” javascript λύσεις (με την βοήθεια του jQuery).
  • Clearbox 3 : H καινούργια version είναι ακόμα καλύτερη…
  • Markup Generator : Ένας καινούργιος τρόπος γραφής markup. Θα ήθελα να το δω και σε text-editors/IDEs, μιας και θα με βόλευε πολύ…
  • Google Browser Size : Για να βλέπεται πως φαίνεται το site σας σε διάφορες αναλύσεις. Ίσως το μοναδικό Google εργαλείο για sites που δεν με εντυπωσίασε ιδιαίτερα…
  • @font-face Generator : Το καλύτερο εργαλείο που έχω βρει μέχρι στιγμής για την μετατροπή, αλλά και το editing web γραμματοσειρών. Γενικότερα το Font-Squirrel κάνει φανταστική δουλειά στα web fonts

Web Development

  • IxEdit : Ένα φανταστικό εργαλείο για την συγγραφή jQuery κώδικα, κατευθείαν μέσα στην ιστοσελίδα και μέσω γραφικού περιβάλλοντος! Θεωρητικά δεν χρειάζεται να ξέρετε καν jQuery! Τι άλλο θα δούμε…
  • BackPress : Μια PHP library που θα απλοποιήσει πολλά tasks. Την χρησιμοποιούν πολλά γνωστά open source projects όπως το WordPress και το bbPress.

Tools

  • Screenpresso : Ένα δωρεάν εργαλείο για screenshots με πολλά χαρακτηριστικά.  Είναι από τα καλύτερα που έχω δει (ειδικά σε λειτουργικό Windows, στο οποίο τέτοια εργαλεία είναι λιγότερα και με ελάχιστα χαρακτηριστικά)…
  • Ένα δωρεάν Sketching & Wireframing Kit, διαθέσιμο σε πολλά διαφορετικά formats (PDF, EPS, SVG κτλ.).

Accessibility/Usability

  • To WAVE (όχι της Google, βγαίνει από τα αρχικά  Web Accessibility Evaluation Tool), είναι μια δωρεάν υπηρεσία αξιολόγησης προσβασημότητας, κατασκευασμένη από το WebAIM.

WordPress

  • Το Carrington αυτοαποκαλείται CMS theme Framework για το WordPress. Η ιδέα είναι πολύ καλή, ωστόσο το βρήκα πολύ πολύπλοκο για την δουλειά που κάνει (απλά φτιάχνει themes!), ενώ χρειάζεται και αρκετή μελέτη…
  • WP Test data import : Ένα WP XML αρχείο για περάσετε γρήγορα στο blog σας μερικά test posts. Πολύ χρήσιμο ειδικότερα εάν δουλεύεται σε κάποιο καινούργιο theme…

Plug ins

  • jQuery Masonry : Ένα έξυπνο layout plug in που αλλάζει την default λειτουργία των floats.
  • Το Superfun είναι ένα εντυπωσιακό jQuery plug in. Ρίξτε του μια ματιά…
  • Google Page Speed : Ένα plug in/add on για το Firebug, με το οποίο μπορείτε να βρείτε και να βελτιώσετε τα αρχεία που καθυστερούν τις ιστοσελίδες σας. Προσωπικά προτιμώ την λύση της Yahoo, YSlow
  • Art Direction : Ένα WordPress plug in με το οποίο μπορείτε να δώσετε σε κάθε post σας ξεχωριστό CSS αρχείο (έτσι ώστε κάθε post σας να δείχνει διαφορετικό). Δοκιμάστε το εάν δεν βαριέστε…
  • TufteGraph : Ακόμα ένα jQuery plug in για charts/graphs…
  • Captify : Ένα απλό και πρακτικό jQuery plugin, για την προβολή των alt text στις φωτογραφίες σας.
  • jSnow : Και ένα jQuery plugin για χιόνι! Μάλλον άργησα να το παρουσιάσω…

Διάφορα links

  • Experts-Zone : Ένα ενδιαφέρον blog που προστέθηκε πρόσφατα στον RSS reader μου.
  • Academic Earth : Το εν λόγο site προβάλει (δωρεάν πάντα) video από παρουσιάσεις/lectures, των κορυφαίων ακαδημαϊκών της γης! Τα video είναι χωρισμένα σε κατηγορίες μαθημάτων, οι οποίες καλύπτουν όλο το φάσμα των επιστημών. Είναι κάτι που δεν πρόκειται να δω ούτε σε 30 χρόνια στην Ελλάδα…

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

Έμπνευση

  • To 24 ways επέστρεψε, με φανταστικά άρθρα και φέτος!

Web Design

Web Development

Tools

  • Mockingbird : Wire frames on the fly, όπως διαφημίζουν και οι ίδιοι…

Accessibility/Usability

Browsers

Plug-ins

  • jParse : Ένα καταπληκτικό plug in για jQuery, που θα κάνει το XML parsing ακόμα πιο εύκολο!

Δωρεάν/Freebies

  • Hornil StylePix : Ένας νέος και δωρεάν image editor, με πολλές δυνατότητες. Μακάρι να πάει καλά γιατί αρχίζει και με νευριάζει το Photoshop…
  • Σχολίνουξ : Μια πολύ καλή ελληνική προσπάθεια για μία ιδιαίτερη διανομή linux. Το σχολίνουξ περιλαμβάνει όλα τα σχολικά βιβλία γυμνασίου (σε PDF μορφή), πολλές εκπαιδευτικές εφαρμογές από το το Παιδαγωγικό Ινστιτούτο και γενικότερα ότι θα ήθελε ένας έλληνας μαθητής από μια διανομή linux. Μπράβο παιδιά και καλή επιτυχία!

Διάφορα links

  • ΕlfΥourself : Για να νοιώσουμε και εμείς λίγο Χριστούγεννα…

Εύκολα στην υλοποίηση accessibility tips : Χρησιμοποιήστε (σωστά) labels στις φόρμες σας.

Ένα πανεύκολο και πολύ απλό στην υλοποίηση accessibility tip που δυστυχώς δεν το συντάω συχνά σε ελληνικά site. Τα πράγματα είναι εξαιρετικά απλά σε αυτό το θέμα. Ο μοναδικός σκοπός του label (ετικέτα) element είναι να “συνδέεται” και να περιγράφει όσο καλύτερα μπορεί ένα και μοναδικό form control, όπως για παράδειγμα checkbox, radio button, text input κτλ. (εκτός από τα buttons φυσικά). Αντιθέτως, κάθε form control μπορεί “συνδεθεί” με πολλά label elements, έτσι ώστε να παρουσιάσει μηνύματα βοήθειας, λάθους κτλ. Οι δύο παρακάτω τρόποι κάνουν σωστή χρήση του label element. Προσωπικά προτιμώ τον πρώτο γιατί σου αφήνει περισσότερα περιθώρια ελευθερίας τόσο σε markup όσο και σε styling επίπεδο…

<label for="name">Όνομα:</label>
<input id="name" name="name" type="text" />

<label>Όνομα:
<input id="name" name="name" type="text" />
</label>

Τα accessibility οφέλη που παίρνουμε είναι πως τα παραπάνω labels ενεργοποιούν κατευθείαν τα controls που περιγράφουν, κάτι πολύ σημαντικό για την ευκολότερη συμπλήρωση φορμών. Πολλά controls είναι μικρά, δυσδιάκριτα και δύσκολα στο να επιλεχθούν (ειδικά τα radio buttons), οπότε επιλέγοντας το κείμενο της ετικέτας μας (label) επιλέγουμε αυτόματα και το ανάλογο control. Τέλος ας μην ξεχνάμε πως βοηθάμε πολύ και τους χρήστες text browser και screen readers…

Εύκολα στην υλοποίηση accessibility tips : Χρησιμοποιήστε option groups στις φόρμες σας.

Ένα πανεύκολο tip που θα ωφελήσει όλες τις κατηγορίες χρηστών σας και θα κάνει τις φόρμες σας ομορφότερες αλλά και ευκολότερες στο να συμπληρωθούν. Εάν λοιπόν έχετε κάποιο select element  με πολλά option elements, καλό θα ήταν να τα κατηγοριοποιήσετε χρησιμοποιώντας τα option groups.

Η χρήση τους είναι εξαιρετικά απλή, απλά ονομάζεται το group δίνοντας του ένα όνομα (label) και στην συνέχεια του προσθέτεται τα option elements που θέλετε. Ρίξτε μια ματιά παρακάτω και προσπαθήστε να το χρησιμοποιήσετε την επόμενη φορά που θα έχετε μια λίστα με πολλές επιλογές…

<label for="bestepisode">Διάλεξε το καλύτερο επεισόδιο τριλογίας!</label>
<select name="bestepisode" id="bestepisode">
<optgroup label="Star Wars">
<option value="starwars4">The Star Wars</option>
<option value="starwars5">The Empire Strikes Back</option>
<option value="starwars6">Return of the Jedi</option>
</optgroup>
<optgroup label="Indiana Jones">
<option value="ij1">Raiders of the Lost Ark</option>
<option value="ij2">The Temple of Doom</option>
<option value="ij3">The Last Crusade</option>
</optgroup>
<optgroup label="Matrix">
<option value="matrix1">The Matrix</option>
<option value="matrix2">The Matrix Reloaded</option>
<option value="matrix3">The Matrix Revolutions</option>
</optgroup>
</select>

Εύκολα στην υλοποίηση accessibility tips : Οδηγείστε τους χρήστες screen readers / text browsers κατευθείαν στο περιεχόμενο ή όπου αλλού θέλετε.

Ένα πανεύκολο στην υλοποίηση accessibility feature, που θα βοηθήσει αφάνταστα τους screen readers και τους χρήστες που χρησιμοποιούν text-browsers. Το μόνο που πρέπει να κάνετε είναι στην αρχή κάθε document, να προσθέσετε τα links που θα οδηγούν τον χρήστη κατευθείαν στο σημείο που έχετε ορίσει. Έτσι για παράδειγμα, σε αυτό το site, το πρώτο πράγμα που “εμφανίζεται” στην markup μου είναι μια λίστα με αυτά τα links (μέσα σε ένα div).

<div id="accessibilitylinks">
<ul>
<li><a title="Go to content" href="#content">Skip to content</a></li>
<li><a title="Go to main navigation" href="#navigation">Skip to main navigation</a></li>
<li><a title="Go to Search form" href="#search">Skip to Search form</a></li>
</ul>
</div>

Με τον παραπάνω κώδικα, οι χρήστες screen reader μπορούν πολύ εύκολα – στην κυριολεξία με ένα κλικ – να μετακινηθούν στο περιεχόμενο της σελίδας μου, στο navigation ή στην search form. Φυσικά μπορούμε να εφαρμόσουμε και όλους τους γνωστούς styling κανόνες στην λίστα έτσι ώστε να την διαμορφώσουμε όπως θέλουμε. Καλό θα είναι εάν θέλουμε να την κρύψουμε, να μην χρησιμοποιήσουμε τον κανόνα display:none αλλά να την κρύψουμε με κάποιο άλλο τρόπο (πχ. absolute position), και αυτό γιατί πολλοί screen readers/text browsers δεν διαβάζουν τα elements με display:none. Για παράδειγμα, εγώ κρύβω την συγκεκριμένη λίστα links με τον παρακάτω κώδικα:

#accessibilitylinks {
position:absolute;
top:-1000px;
}

Είναι πραγματικά το πιο εύκολο αλλά και πρακτικό usability χαρακτηριστικό που μπορείτε να έχετε στην σελίδα σας!

Εύκολα στην υλοποίηση accessibility tips : Extra navigation για text browsers / screen readers (και όχι μόνο)

Η αλήθεια είναι πως όσο καλός και ενημερωμένος να είσαι στο χώρο του web, πάντα υπάρχει κάτι καινούργιο να μάθεις. Επειδή λοιπόν και εγώ πρόσφατα (πριν από έναν χρόνο για την ακρίβεια, αλλά ας μείνουμε στο πρόσφατα), ανακάλυψα μερικά ενδιαφέροντα και πολύ εύκολα στην υλοποίηση accessibility tips, θα τα παρουσιάσω σε αυτή την μίνι σειρά post.

Οι περισσότεροι γνωρίζετε το link element που βάζουμε στο head κομμάτι του κώδικα μας, και δηλώνει πως το εν λόγω document έχει κάποια σχέση (relationship – rel) με κάποιο άλλο document ή πηγή. Ο πιο κλασικός τρόπος χρήσης του είναι η εισαγωγή κάποιου εξωτερικού stylesheet (CSS), όπως για παράδειγμα :

<link rel="stylesheet" href="default.css" type="text/css" media="screen" />

Αυτό που δεν γνωρίζουν οι περισσότεροι, είναι πως με το εν λόγω element μπορούμε να προσφέρουμε επιπλέον navigation χαρακτηριστικά στους χρήστες screen readers, text browsers αλλά και σε κάποιους κανονικούς browsers (όπως Opera) οι οποίοι αρχίζουν να υποστηρίζουν και αυτήν την ιδιότητα του link element. Μερικά παραδείγματα και τρόπους χρήσης του μπορείτε να δείτε παρακάτω :

<link rel="home" title="Home" href="http://www.tsevdos.com/" />
<link rel="prev" title="Title of previous page" href="http://www.tsevdos.com/</code><code>previous-page" />
<link rel="next" title="Title of next page" href="http://www.tsevdos.com/</code><code>next-page" />

Όπως βλέπεται η χρήση του είναι πανεύκολη και τα πλεονεκτήματα αρκετά, έτσι ώστε να το χρησιμοποιήσουμε.

Τέλος το συγκεκριμένο tag μπορεί να χρησιμοποιηθεί και για άλλους σκοπούς, όπως για παράδειγμα στο να ενημερώσει τις μηχανές αναζήτησης εάν το περιεχόμενο της σελίδας μας υπάρχει και σε άλλες γλώσσες ή σε άλλη μορφή. Παρακάτω μπορείτε να βρείτε τα ανάλογα παραδείγματα, ωστόσο δεν θα σταθώ πολύ σε αυτά μιας και θέλω στο συγκεκριμένο post να συγκεντρωθώ κυρίως στο θέμα προσβασημότητας/accessibility. Όπως και να έχει ρίξτε οπωσδήποτε μια πιο λεπτομερή ματιά στο link element και δεν θα χάσετε.

<link lang="fr" title="La documentation en Fran&ccedil;ais" type="text/html" rel="alternate" hreflang="fr" href="http://someplace.com/manual/french.html">
<link media="print" title="The manual in postscript" type="application/postscript" rel="alternate" href="http://someplace.com/manual/postscript.ps">
<link rel="Start" title="The first page of the manual" type="text/html" href="http://someplace.com/manual/start.html">

Μείνετε συντονισμένοι και για τα επόμενα!

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

Έμπνευση

  • 1 γραμμή CSS grid framework : Το έβαλα πιο πολύ για έμπνευση και όχι σαν web design εργαλείο, μιας και δεν το θεωρώ framework. Παραδέχομαι ωστόσο τον τύπο που το έφτιαξε γιατί με λίγη φαντασία και με ακόμα λιγότερο κώδικα, έφτιαξε κάτι που μπορεί να κοντράρει κάποια πολύ πιο advanced CSS frameworks…

Web Design

  • Adobe BrowserLab : Μια επώνυμη και δωρεάν (προς το παρόν) υπηρεσία, για να ελέγχεται τα sites σας σε πολλούς συνδυασμούς browsers και OS.

Web Development

  • Ο φίλος, συνάδελφος και παλιός συμμαθητής μου John D.Wells, το έχει ρίξει τώρα τελευταία στο Expression Engine, με αποτέλεσμα να δημιουργήσει μία πολύ ενδιαφέρον λίστα από links για τους νέους αλλά και τους πιο έμπειρους ΕΕ developers. Εγώ πάντως της έριξα μια ματιά και ήδη αρχίζω να μπαίνω στην EE λογική…
  • Perch : Το πιο απλό και εύκολο στην χρήση CMS που έχετε δει!
  • Moousture : Η πρώτη mouse gesture Javascript library.
  • To prettyPrint είναι μια πολύ καλή λύση για Javascript debugging. Δείτε το videακι και θα καταλάβετε αμέσως τι κάνει…
  • Το JSLint, είναι για πολλούς Javascripts experts ο Javascript validator! Τον έχει φτιάξει ο guru του είδους, Douglas Crockford.

Browsers

  • Ο Opera Unite, ακούγεται σαν μια πολύ καλή ιδέα, ωστόσο έχω την αίσθηση πως έχει πολύ πολύπλοκα concepts για απλούς χρήστες. Οι πιο έμπειροι την βρίσκουν με Firefox, οπότε πάλι δεν τον βλέπω καλά τον πολύ δυνατό Opera Unite

Search Engine Optimization (SEO)

Accessibility/Usability

  • 10 φτηνές λύσεις/εργαλεία για usability tests. Η αλλιώς απ’ το ολότελα καλή και η Παναγιώταινα…
  • Ακόμα μια καλή κίνηση από την Adobe, η οποία έχει πάρει φόρα τώρα τελευταία. Στο καινούργιο της blog λοιπόν, με τίτλο Adobe Accessibility, ενημερώνει τους χρήστες των προγραμμάτων της για τα accessibility χαρακτηριστικά τους, καθώς και για το πως να τα χρησιμοποιούν με τον σωστό τρόπο. Μπράβο της, και μακάρι όλες οι εταιρείες να έκαναν κάτι ανάλογο…

Plug ins

  • jQuery TOOLS : Μια συλλογή από plug ins, για να δημιουργήται εύκολα και γρήγορα τα πιο κλασικά web 2.0 εφέ… Κάτι που κατά την γνώμη μου έπρεπε να υπάρχει στο jQuery UI.
  • jMonthCalendar : Ακόμα ένα calendar plug in για το jQuery, με πολλά features και δυνατότητες.

Blogs

  • Ότι θα θέλατε να μάθετε για την HTML5, αλλά φοβόσασταν να ρωτήσετε, βρίσκεται στο blog HTML5 Doctor… Το δημοσίευσε και η sugar στο CSS3 (από εκεί το είδα) αλλά δεν θα τους χαλάσει ένα ακόμα back link… Αξιοσημείωτο είναι πως το blog τους είναι φτιαγμένο με HTML5!

Τα καλύτερα 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 : Βρείτε υπότιτλους για ταινίες και σειρές σε διάφορες γλώσσες, ανάμεσα τους και σε ελληνικά. Μέχρι να πέσουν νέες μηνύσεις και να ανοίξει κάποιο άλλο τέλος πάντων…

Βρετανικές 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 μου ακολουθώντας τις διεθνής οδηγίες και απλά ελπίζω οι κανόνες που θα ακολουθήσει η Ευρώπαική Ένωση να είναι σωστότερα γραμμένοι…