Pour tester html 5
…et css3

Introduction

Pour ceux qui arrivent sur ce mini-site de test directement, voici l'article expliquant le pourquoi du comment : HTML5 et CSS3 - où en est-on ?. Les liens « Faire un commentaire » vous renvoient vers cet article sous lequel vous pourrez proposer votre contribution.

Ajouts du 22 janvier 2011

Je viens de lire un article sur le site Alsacréation intitulé « Utiliser CSS3 aujourd'hui, outils et ressources » expliquant qu'il pouvait y avoir des solutions pour faire prendre en charge les coins arrondis, ombres et autres styles CSS3 par Internet Explorer. La solution que je teste ici : CSS3 Pie. Elle consiste à utiliser un fichier *.htc ou *.js et une syntaxe un peu particulière dans la css (voyez le code source de ce mini-site pour vous faire une idée). Cela fonctionne pour IE 8 (coins arrondis, ombre des cadres et dégradé de fond de page s'affichent correctement) un peu moins bien pour IE7 et 6...

Comparaison...

Pour ceux qui n'ont pas la chance de voir tous les éléments de ce site, je vous propose des copies d'écran de différents navigateurs, histoire de se faire une idée sur l'avancée de l'intégration de HTML5 et CSS3 ! Un élément graphique ne sera visible que par deux types de navigateurs, le dégradé de gris de gauche à droite du fond de page. En effet, seuls les navigateurs basés sur Webkit (Safari, Chrome, …) et Firefox 3.6 (et Fennec 1.0) vous permettront de visualiser ce dégradé entièrement réalisé en css (sans aucune image donc).

Chrome 3

Faire un commentaire

Firefox 3.5.5

Faire un commentaire

Internet Explorer 8 (sans CSS3 Pie)

Faire un commentaire

Lunascape 5.1.6

Faire un commentaire

Opera 10.10

Faire un commentaire

Safari 4.0.4

Faire un commentaire

Firefox 3.7a1pre sur Ubuntu

Faire un commentaire