Category : markup

Styling HTML5 elements

December 30th, 2009 by John Tsevdos | 0

Όσοι έχετε δοκιμάσει να παίξετε με την HTML5 θα έχετε πέσει σε διάφορες παραξενιές της. Χτες έπεσα σε μία από αυτές που μου έφαγε πολύ χρόνο, ενώ μου προκαλεσε και εντύπωση το γεγονός πως πολλά HTML5 άρθρα και posts δεν αναφέροντε στο συγκεκριμένο πρόβλημα όσο ξεκάθαρα θα έπρεπε (μέχρι και το Google με απογοήτευσε στις [...]

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

November 17th, 2009 by John Tsevdos | 0

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

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

October 12th, 2009 by John Tsevdos | 1 comment

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

Kαλοπιστικά γραφικά vs γραφικά περιεχομένου

September 23rd, 2009 by John Tsevdos | 7 comments

Σε αυτό το μικρό postακι θα προσπαθήσω να εξηγήσω την διαφορά των συγκεκριμένων γραφικών/images καθώς και πως πρέπει να εμφανίζονται στην markup μας (με τι attributes κτλ.). Για κάποιον λόγο αυτή η απλή διαφορά δεν γίνεται αμέσως αντιληπτή, ιδιαίτερα στους  νέους του χώρου, οπότε ας ξεκαθαρίσουμε λίγο τα πράγματα.
Η λύση είναι απλούστατη και θέμα θέμα απλής [...]

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

August 23rd, 2009 by John Tsevdos | 0

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

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

July 30th, 2009 by John Tsevdos | 2 comments

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

Το τέλος της ΧHTML2…

July 6th, 2009 by John Tsevdos | 3 comments

H XHTML2 πεθαίνει και επίσημα πλέον, μιας και το W3c group ανακοίνωσε πως μέχρι το τέλος του 2009 θα σταματήσουν όλες οι εργασίες του XHTML2 group. Ανακοίνωσε επίσης πως τα μέλη του XHTML2 working group θα ενισχύσουν την ομάδα της HTML5, οπότε ο νικητής πλέον είναι ξεκάθαρος (αν και αυτό το γνωρίζαμε τουλάχιστον 2 χρόνια [...]

XHTML tags που ξεχνάμε να χρησιμοποιήουμε (ενώ δεν θα έπρεπε)…

May 26th, 2009 by John Tsevdos | 0

Αποφάσισα να γράψω αυτό το post για να διαφημίσω λίγο τα πιο “παρεξηγημένα”, κατά την γνώμη μου πάντα, XHTML tags. Δεν είναι λίγες οι φορές που θέλουμε να περιγράψουμε σημασιολογικά (semantically) κάποιο κομμάτι του περιεχομένου μας, αλλά δυστυχώς δεν γνωρίζουμε τον σωστό τρόπο. Πολλοί μάλιστα δεν έχουν τον χρόνο ή την διάθεση να ψάξουν, με [...]

Θάψτε άφοβα… με attribute :-)

November 2nd, 2008 by John Tsevdos | 5 comments

Πολλές φορές μου έχει τύχει να θέλω να παρουσιάσω κάποιο site αλλά ταυτόχρονα να μην θέλω να του δώσω backlink, είτε γιατί το παρουσιάζω ως παράδειγμα προς αποφυγή, είτε επειδή κλέβει κάποιο άλλο site (οπότε γιατί να του δώσω και εύσημα) είτε για κάποιον άλλο, σοβαρό πάντα, λόγο.
Όπως όλοι γνωρίζεται τα backlinks παίζουν μεγάλο ρόλο [...]

Progressive enhancement : Tsevdos.com sidebar

August 29th, 2008 by John Tsevdos | 0

Το δεύτερο και ίσως αγαπημένο μου feature στο Whitepress theme, είναι η AJAX-powered, αλλά ταυτόχρονα accessible sidebar του! Την τεχνική την δανείστηκα από το blog jQuery for designers και πιο συγκεκριμένα από το post jQuery Tabs, και ο λόγος που την λάτρεψα είναι επειδή χρησιμοποιεί σωστά αυτό που ονομάζουμε progressive enhancement. Progressive enhancement με πολύ [...]