Obtenir une compatibilité entre navigateurs à tous les coups

Découvert grâce à WebAppers  (en anglais), voici un article intéressant d’Anthony Short sur la compatibilité entre navigateurs (source d’origine indisponible).

“La compatibilité entre navigateurs est l’une des tâches les plus chronophages pour un concepteur web. De nombreux articles sur le Net décrivent les problèmes courants et leurs solutions. J’ai rassemblé toutes les informations que j’ai pu trouver pour définir des conventions de code qui permettent à votre site de fonctionner du premier coup dans chaque navigateur. Certaines précautions concernent aussi Safari et Firefox : Internet Explorer n’est pas toujours responsable de vos soucis de CSS.”

Anthony a la gentillesse de proposer un résumé pour ceux qui ne veulent pas lire tout l’article… ce que je vous recommande pourtant :

1. Utilisez toujours un doctype strict et du HTML/CSS conforme aux standards.
2. Placez toujours une réinitialisation des styles au début de votre CSS.
3. Utilisez -moz-opacity:0.99 sur les éléments textuels pour améliorer le rendu dans Firefox, et text-shadow: #000 0 0 0 dans Safari.
4. Ne redimensionnez jamais les images dans le CSS ou le HTML.
5. Vérifiez le rendu des polices dans chaque navigateur. N’utilisez pas Lucida.
6. Définissez la taille du texte en pourcentage dans le body, puis en em partout ailleurs.
7. Tous les div de mise en page flottants doivent inclure display:inline et overflow:hidden.
8. Les conteneurs doivent avoir overflow:auto et déclencher hasLayout au moyen d’une largeur ou d’une hauteur.
9. N’utilisez pas de sélecteurs CSS3 sophistiqués.
10. N’utilisez pas de PNG transparents sans avoir chargé la prise en charge du canal alpha.

Cela vous intéresse ? Poursuivez la lecture (source d’origine indisponible) !