Dans l'ombre de Mozilla Firefox 3.5

Une nouvelle mise à jour de mon navigateur préféré à tête de renard - Mozilla Firefox s'il est utile de préciser - est disponible. Parmi le fatras des améliorations que je qualifierais d'habituelles, il y a un début de prise en charge des innovations du CSS 3. Ce n'est qu'un timide début, mais quand même !

Jusqu'à aujourd'hui, il n'y avait que Safari et Opéra ("Et Chrooooome", me rouspète Alaiiing), à ma connaissance, qui supportaient certaines nouvelles propriétés CSS comme l'ombre portée sur le texte. A présent, le petit renard roux aussi peut contempler les ombres.

Exemple. Si vous avez installé Firefox 3.5 (ou Safari) le texte suivant est ombré :

Vive les ombres avec Firefox et CSS 3!

Avec tout autre navigateur (ou des versions plus anciennes), le titre n'a rien de particulier. Une petite image pour vous montrer ce que vous devriez voir :

S'bô hein ?

La propriété CSS 3 text-shadow prend plein plein d'arguments, mais pour simplifier et pour un résultat satisfaisant, vous pouvez l'écrire comme ça :

text-shadow : #couleur decalageHorizontal decalageVertical TailleDuFlou;

Soit, pour l'exemple ci-dessus :

<h1 style="text-shadow: #523f65 0px 2px 5px;">Vive les ombres avec Firefox et CSS 3!</h1>

Il y a évidemment beaucoup d'autres choses à dire mais le temps me manque. En attendant, vous pouvez télécharger la nouvelle version de Mozilla ici. Sur cette page, vous trouverez également un descriptif de toutes les nouveautés pour un usage je dirais profane.

Sur cette autre page, vous trouverez toutes les informations techniques sur cette mise à jour. Toutes les informations utiles pour les développeurs ou intégrateurs web que nous sommes, et en particulier les nouvelles propriétés CSS supportées par le petit renard.

Bonne journée !

Monde cruel... Diversity gagnant et Suzan Boyle en danger

Rubrique Actu & Insolites