Εντοπίζοντας μεμονωμένα χαρακτηριστικά της HTML5
Σε ένα αρκετά κατατοπιστικό άρθρο του στο Diveintohtml5.com, ο Mark Pilgrim εξηγεί τους τρόπους με τους οποίους ένας web developer / designer μπορεί να εντοπίσει την υποστήριξη μεμονωμένων χαρακτηριστικών της HTML 5.
Όπως εξηγεί, και είναι απολύτως σωστό, δεν αρκεί να θεωρήσουμε πως ένας browser έχει απλά “υποστήριξη για HTML 5”. Κάθε browser υποστηρίζει κάποια από τα χαρακτηριστικά αυτού του νέου προτύπου και θα πρέπει ανάλογα με την περίσταση να εντοπίζουμε μόνο τα χαρακτηριστικά που μας ενδιαφέρουν.
Ο έλεγχος αυτός, βασίζεται στην Javascript και χρησιμοποιεί είτε την βιβλιοθήκη Modernizr (που εκτός από την HTML 5, χρησιμοποιείται και εντοπισμό χαρακτηριστικών της CSS 3), είτε απλό native JS κώδικα.
Έτσι λοιπόν, σε περίπτωση που θέλουμε να εντοπίσουμε την υποστήριξη canvas στον browser του χρήστη, χρησιμοποιούμε την Modernizr.canvas, παρομοίως για video την Modernizr.video κ.ο.κ.
Το ενδιαφέρον με το άρθρο του Pilgrim είναι πως σε κάθε ενότητα, τρέχει ταυτόχρονα τις δοκιμές που παρουσιάζει, οπότε στα δεξιά κάθε χαρακτηριστικού (π.χ. Geolocation), μπορείτε να δείτε κάτω από το σχετικό σκίτσο, αν ο browser που διαθέτετε το υποστηρίζει ή όχι. Για παράδειγμα, στο παρακάτω screenshot μπορείτε να δείτε πως φαίνεται το σκίτσο για το geolocation feature σε Firefox 3.5.2 (αριστερά) και Safari 4.0.3 (δεξιά).
Πραγματικά διαφωτιστικό άρθρο, που πιστεύω μας φέρνει ένα βήμα πιο κοντά στην καθημερινή χρήση των νέων προτύπων, σε αυτή την μεταβατική περίοδο που διανύουμε.
