css – Le Weblog de Frederic Bezies

Pas besoin d’Adobe Flash ou presque :)

Alors que la version 11 du plus célèbre des greffons devrait sortir (la version RC est déjà disponible depuis quelques temps), voici quelques sites (liste qui est tout sauf exhaustive) qui utilise à fond html5, webgl, les CSS ou encore le SVG pour nous en mettre plein la vue.

Les aventures d’un bonhomme « bâton ». De l’anglais de base est nécessaire pour tout comprendre et c’est bluffant. Uniquement du javascript, du SVG et des CSS 🙂
Un clone de Google Earth fonctionnant uniquement grace à WebGL et les technologies voisines. Et c’est impressionnant.
Flight of the navigator ; c’est tout simplement bluffant de voir des technologies ouvertes à l’oeuvre. Et ça fonctionne dans tout bon navigateur moderne 😉
Vous voulez jouer ? Alors essayez cette version d’AngryBirds !

Et encore je n’ai pris que les premiers liens qui me sont venus à l’esprit.

Il y en a bien d’autres. Si un titre aussi connu qu’Angry Birds peut être disponible dans une version non Flash, cela laisse de l’espoir pour la suite, même s’il est encore très mince, vu l’omniprésence d’Adobe Flash pour tout et n’importe quoi de nos jours.

CSS ombrées ? Une nouveauté dans le futur Firefox 3.1

Assez récemment, le bogue 10713 qui s’occupe d’insérer la propriété qui permet de créer des ombres en utilisant des CSS a été marqué comme corrigé.

En dehors d’une amélioration d’apparence du test Acid3, on peut voir ce que donne des textes utilisant des ombres avec les CSS, comme avec cette page :

http://www.designdetector.com/demos/text-shadow-test.html

78 / 100 pour Acid3.

On peut espérer un petit 80 voire 85 / 100 pour la sortie de Firefox 3.1 en décembre prochain ?

Vers un meilleur support des CSS3 dans Firefox 3.1 ?

Non, je n’ai pas fait de faute de frappes dans le titre. Je parle bien de Firefox 3.1, dont la sortie est prévue pour décembre 2008.

Le support des CSS3 semble être assez intéressant, pour ne pas dire « parfait » sur le plan des sélecteurs.

En effet, jettant un oeil sur la page de suivi de modification du code de Firefox 3.1 (mozilla-central actuellement), j’ai pu lire ceci :

2008-06-02 20:17 -0700 L. David Baron – Implement :first-of-type, :last-of-type, and :only-of-type. b=128585 r+sr=bzbarsky default tip
2008-06-02 20:17 -0700 Daniel Glazman – Implement :nth-child(), :nth-last-child(), :nth-of-type(), :nth-last-of-type(). b=75375 r+sr=bzbarsky
2008-06-02 20:17 -0700 L. David Baron – Make nsPseudoClassList capable of storing integer pairs for :nth-*(). b=75375 r+sr=bzbarsky

Ce sont des sélecteurs liés aux CSS de 3ième génération. J’ai donc lancé le test du site CSS3.info, la capture d’écran étant suffisamment parlante.

Dommage cependant que certaines parties ne soient pas encore supportées, comme les ombres sur les polices, cf le bogue 10713 qui empèche d’avoir un bel affichage « ombré » sur le test Acid3 dont le résultat s’est légèrement amélioré récemment, passant de 71 à 73/100 🙂

Comme quoi, Firefox 3.1 prévu pour décembre ne sera pas qu’un simple « ravalage » de Firefox 3 🙂