Η Microsoft, η Google, η Igalia και άλλοι προγραμματιστές ανακοίνωσαν μια νέα πρωτοβουλία που σχεδιάζει να εντοπίσει και να διορθώσει ζητήματα συμβατότητας στους browser. Ο κύριος στόχος του έργου Compat2021 είναι να βελτιώσει την υποστήριξη για πέντε ενότητες και ιδιότητες του προτύπου CSS.
Η ομάδα εργασίας εντόπισε τις πιο προβληματικές περιοχές μέσω διαφόρων κριτηρίων, μεταξύ αυτών το ποσοστό χρήσης των λειτουργιών, ο αριθμός των σφαλμάτων που αναφέρθηκαν, οι έρευνες, τα αποτελέσματα των δοκιμών σε web-platform-tests και οι αναζητήσεις που πραγματοποιήθηκαν στο Can I Use.
Οι πέντε προτεραιότητες του 2021 είναι CSS Flexbox, CSS Grid, CSS position: sticky, CSS aspect-ratio property και CSS transforms. Το CSS Flexbox αποτελεί την κύρια πρόκληση για τους προγραμματιστές. Η ελλιπής υποστήριξη του προγράμματος περιήγησης προκαλεί εσφαλμένη εμφάνιση εικόνων.
Αντίθετα, το CSS Grid σάς επιτρέπει να ευθυγραμμίζετε στοιχεία σε σειρές και στήλες. Εάν υποστηρίζεται από το πρόγραμμα περιήγησης, μπορεί να επιτευχθεί παρόμοιο αποτέλεσμα.
Θέση CSS:sticky σας επιτρέπει να διορθώσετε τα στοιχεία (για παράδειγμα τις επικεφαλίδες) στο πάνω μέρος, ώστε να είναι πάντα ορατά.
Η CSS aspect-ratio property σάς επιτρέπει να ορίσετε μια αναλογία διαστάσεων για το πλαίσιο, ενώ η μετατροπή CSS είναι η ιδιότητα που σας επιτρέπει να περιστρέψετε, να κλιμακώσετε, να αλλάξετε ή να μεταφράσετε ένα γραφικό στοιχείο. Κανένα από τα τρέχοντα προγράμματα περιήγησης (Chrome, Firefox, Edge και Safari) δεν υποστηρίζει πλήρως αυτές τις δυνατότητες. Ο στόχος είναι να λάβετε το μέγιστο σκορ (100) στον Πίνακα ελέγχου Compat2021.
