Category : markup

Base tag, ή αλλιώς το client-side debuging tag

July 26th, 2010 by John Tsevdos | 6 comments

Είναι αρκετές οι φορές όπου κάποιος συνάδελφος ή φίλος, μου στέλνει ένα url προς κάποια σελίδα με την γνωστή ατάκα – “Γιατί δεν παίζει;”. Συνήθως η δομή της σελίδας είναι αρκετά πολύπλοκη με πολλά elements και διάφορα πραγματάκια να γίνονται εδώ και εκεί… Φυσικά το πρώτο πράγμα που ζητάω είναι πρόσβαση στα αρχεία, ωστόσο πολλές [...]

Γράψτε HTML5 χρησιμοποιώντας XHTML…

March 23rd, 2010 by John Tsevdos | 6 comments

Πολλοί είναι αυτοί που παραπονιούνται πως ενώ θέλουν να χρησιμοποιήσουν την καινούργια markup (HTML5), και όλα τα ωραία semantics που περιέχει, δυστυχώς είναι ακόμα κάπως νωρίς για μια τέτοια αλλαγή, ιδιαίτερα σε μεγάλα sites. Ευτυχώς για όλους εμάς όμως, κάποιοι άνθρωποι είναι ιδιαίτερα δημιουργικοί και βρήκαν μια πολύ εύκολη και πρακτική λύση. Χρησιμοποιώντας απλά την [...]

Styling HTML5 elements

December 30th, 2009 by John Tsevdos | 4 comments

Όσοι έχετε δοκιμάσει να παίξετε με την 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) κάποιο κομμάτι του περιεχομένου μας, αλλά δυστυχώς δεν γνωρίζουμε τον σωστό τρόπο. Πολλοί μάλιστα δεν έχουν τον χρόνο ή την διάθεση να ψάξουν, με [...]