Τους τελευταίους 3 μήνες ασχολούμαι πολύ με το ΗTML 5 και CSS3. Υπάρχουν πολλοί συνάδελφοι που θέλουν να έχουν μια ξεκάθαρη άποψη για το ποια features του HTML 5 & CSS3 υποστηρίζονται από τους διαφορετικούς Browsers και τις εκδόσεις του. Τα 2 καλύτερα sites που βρήκα εγώ είναι το

• http://html5test.com/ - το οποίο αμέσως μόλις πλοηγηθείς στην διεύθυνση του με τον οποιοδήποτε Browser και την έκδοση του σου δείχνει με την μορφή πόντων (το ανώτερο είναι 450) πόσο καλά υποστηρίζονται τα ΗTML 5 features & specifications . Μπορείτε να δείτε αναλυτικά ανα feature τι υποστηρίζεται και τι όχι. Μέχρι τώρα τις καλύτερες επιδόσεις τις έχει το Chrome 16.0,μετά έρχεται ο firefox και στο τέλος ο IE 9.
  
• υπάρχει και το site - http://caniuse.com/ - εδω μπορείτε να βρείτε πολύ γρήγορα ποια CSS 3 & HTML 5 features υποστηρίζονται ή δεν υποστηρίζονται πολύ γρήγορα.Μπορείτε να δείτε αυτή την πληροφορία σε μορφή tables όπου βλέπετε πόσο υποστηρίζεται ή όχι ένα feature σε όλους τους Browsers και τις εκδόσεις τους.Επίσης μπορείτε να κάνετε μια σύγκριση μεταξύ browsers (firefox 11 & Chrome 16.0) και των features  που υποστηρίζουν.
  

---

Νικόλαος Καντζέλης
BSc, MSc, MCAS, MCPD, MCITP, MCTS,MCP, MCT

http://www.nksolutions.gr http://dotnetstories.wordpress.com http://weblogs.asp.net/dotnetstories http://forum.dotnetnuke.gr

Δύο εργαλεία που έχω ξεχωρίσει είναι:

1. Tο Modernizr (http://www.modernizr.com/). Μία javascript βιβλιοθήκη που κάνει feature detection στα νέα στοιχεία της HTML5 και του CSS3. Είναι αρκετά αξιόπιστο και δεν χρησιμοποιεί UA sniffing. Το περιοδικό .NET του έδωσε το βραβείο του "Open Source App of the Year" για το 2011. (http://www.netmagazine.com/features/net-awards-2011-winners)
   
2. Το CSS3 PIE (http://css3pie.com/).Με αυτό το εργαλείο μπορούμε σε παλιούς IE να έχουμε κάποια όμορφα css3 στοιχεία. Είναι ακόμα σε beta.
   

Υ.Γ. Στο html5test δεύτερος βγαίνει ο Opera 11.60. Το συγκεκριμένο site έχει τις βαθμολογίες για όλους τους browsers σε διάφορες εκδόσεις. Επίσης έχει και ένα ίδιο συγκριτικό για τους mobile browsers, το οποίο έχει και αυτό ένα ενδιαφέρον.

---

Τάσος Καραγιάννης

Baby debugging steps...

Ευχαριστώ πάρα πολύ παιδιά για το πολύ χρήσιμο thread! Πολύ καλή δουλειά!! :)

---

Υπηρεσιες SEO