Un avant-goût de CSS 3

Mammouth du PHP | 2937 Messages

18 oct. 2007, 18:05

Salut à tous !

Même si le W3C traîne des pieds pour achever les 37 modules composant CSS 3, il est possible de goûter à certaines des nouveautés qu'introduit cette nouvelle version de CSS.

Encore faut-il que les navigateurs suivent, d'où cette page de test.
Modifié en dernier par Victor BRITO le 16 févr. 2008, 18:11, modifié 1 fois.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 13231 Messages

18 oct. 2007, 18:15

c'est sympa comme initiative, mais il faudrait proposer la visualisation d'un "aspect idéal" pour pouvoir comparer avec le rendu que nous donne le navigateur ;)
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter

twitter - site perso - Github - Zend Certified Engineer

Mammouth du PHP | 2937 Messages

18 oct. 2007, 19:30

c'est sympa comme initiative, mais il faudrait proposer la visualisation d'un "aspect idéal" pour pouvoir comparer avec le rendu que nous donne le navigateur ;)
Maintenant, ça devrait aller mieux. :wink:
Modifié en dernier par Victor BRITO le 16 févr. 2008, 18:11, modifié 1 fois.

ViPHP
ViPHP | 4039 Messages

18 oct. 2007, 20:21

ben, mis à part la bordure arrondie, y'a pas de différence.. mis à part l'échelle.. sous FF2..
Mais qu'importe. (je suis ici - dernier petit projet)
Berze going social.

Mammouth du PHP | 2937 Messages

18 oct. 2007, 21:07

ben, mis à part la bordure arrondie, y'a pas de différence.. mis à part l'échelle.. sous FF2..
Tu ferais le même constat sous Safari 3 bêta pour Windows. :wink:

En revanche, pour Opera 9 et IE 7, je ne dirai rien... :mrgreen:

ViPHP
ViPHP | 928 Messages

18 oct. 2007, 21:32

Bonne initiative, j'ai regardé la CSS et il y a quelques nouveautés interessantes apparament.
Il serait peut être interessant de mettre une liste des nouveautés, de façon simple, pour expliquer la CSS ?

Mammouth du PHP | 2937 Messages

18 oct. 2007, 22:34

Il serait peut être interessant de mettre une liste des nouveautés, de façon simple, pour expliquer la CSS ?
Ce billet expose les nouveautés de CSS 3 concernées par le test, en indiquant brièvement de quoi il s'agit. :wink:

Mammouth du PHP | 2937 Messages

16 févr. 2008, 18:14

Je remonte cette discussion pour signaler que le test a évolué (il ressemble maintenant à un bonhomme portant un chapeau ;) ) et prend en compte des pseudo-classes supplémentaires.

Eléphanteau du PHP | 17 Messages

16 févr. 2008, 18:29

Sa change quoi entre le CSS 2.1 et le CSS 3.0 ? :oops:

Quelqu'un aurais un exemple de CSS 2.1 pour que je compare ?

Mammouth du PHP | 2937 Messages

16 févr. 2008, 18:34

CSS 3 introduit de nouveaux sélecteurs, comme :last-child, :only-child et tous ceux qui sont brièvement présentés sur ce billet, et de nouvelles propriétés, comme opacity et border-radius. Autrement dit, CSS 3 permet d'aller encore plus loin que CSS 2.1 en matière de feuilles de style.

Pour rappel, le site du W3C a mis en ligne la spécification CSS 2.1 et présente les 37 modules de CSS 3, dont l'état d'avancement est très inégal.
Modifié en dernier par Victor BRITO le 16 févr. 2008, 18:58, modifié 1 fois.

Eléphanteau du PHP | 17 Messages

16 févr. 2008, 18:39

Merci pour ta réponse ;)

ViPHP
ViPHP | 2287 Messages

16 févr. 2008, 22:09

Trop cool, konqueror passe le test \:D/
if(!@work()){ Nespresso(); } else { what(); }
______________________________

ViPHP
AB
ViPHP | 5818 Messages

16 févr. 2008, 22:39

Sympa ton test, Victor, mais pas verbeux :)
D'ailleurs un truc que je comprend pas : sur ton site tu indiques que border-radius est implémenté nul part alors que sous FF ou IE7 le chapeau a bien des bords arrondis. J'ai dû lire un peu trop vite :-k

Modérateur PHPfrance
Modérateur PHPfrance | 7636 Messages

16 févr. 2008, 22:48

Arf... avec mon FF 2.0.012 ... le bonhomme s'est fait rouler dessus :s :roll:

/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute

ViPHP
AB
ViPHP | 5818 Messages

16 févr. 2008, 23:25

Moi aussi avec le premier lien donné par Victor.
Le deuxième lien (troisième message) ne donne pas le même résultat, et je ne sais pas trop lequel est signifiant.