Validation css et autoprefixer

Bonjour,

j'ai passé mon css au validateur et j'obtiens les erreurs suivantes :

La propriété -webkit-fixed est une extension propriétaire inconnue
La propriété -webkit-transition est une extension propriétaire inconnue
La propriété -o-transition est une extension propriétaire inconnue
La propriété -webkit-transition est une extension propriétaire inconnue
La propriété shape-outside n'existe pas
La propriété shape-image-threshold n'existe pas

Et ceci sur deux pages, ces propriétés étant présentes dans tout mon css. Pourtant, c'est autoprefixer qui mes les a placées. Qui faut-il croire, autopréfixer ou le validateur ?
Merci pour vos réponses.

Salut,

Tu parles du validateur W3C ? Il est très strict. Vois ça comme une aide plutôt qu'un cahier des charge a respecter scrupuleusement (enfin c'est mon avis).

Par contre, des trucs comme "-webkit-fixed" faut aussi se poser la question de la pertinance de auto-prefixer comme tu dis... je connais même pas cette propriété ! c'est pour quelle règle ? position ? Tu as réglé la compatibilité navigateur sur des version très vieilles ?

Après si tu regarde la doc de choses comme shape-image-threshold https://developer.mozilla.org/fr/docs/Web/CSS/shape-image-threshold tu peux voir que sont statut est "Candidat au statut de recommandation" donc le W3C ne le recommande pas encore (mais ce n'est pas pour autant qu'il ne faut pas l'utiliser, cf ma première remarque).

Voila faut jongler un peu entre les deux, ne pas mettre une compatibilité de prefix trop étendue dans le passé et il faut savoir aussi être un peu dans le futur en commençant a utiliser des truc bien supporté mais pas encore dans les recommandations W3C (en jugeant bien le support, les risques et des fallback)...

Bon code

Oui, je parle du validateur du W3C.
C'est aussi mon avis qu'il faut s'approcher le plus possible de ses recommandations, sans en faire un drame si on est pas parfaitement ajusté. Un site peut bien fonctionner tout en ayant des erreurs annoncées. Malgré tout, il faut quand même essayer de respecter les règles définies.
La règle -webkit-fixed;, c'est pour ça :

.nav{
	position: -webkit-fixed; /* Pour Safari */
	position: fixed; 
	.........
	.........
	.........} 

J'ai oublié de préciser que, n'ayant pas pu installer correctement pour le moment "autoprefixer" sur ma machine, j'utilise "autoprefixer" en ligne. C'est un peu long, mais mon site est léger, ça prend 5 mn pour mettre à jour. Peut-être "autoprefixer" en ligne n'est pas à jour ?

Bongota a écrit :

La règle -webkit-fixed;, c'est pour ça :

.nav{
	position: -webkit-fixed; /* Pour Safari */
	position: fixed; 
	.........
	.........
	.........} 

J'ai oublié de préciser que, n'ayant pas pu installer correctement pour le moment "autoprefixer" sur ma machine, j'utilise "autoprefixer" en ligne. C'est un peu long, mais mon site est léger, ça prend 5 mn pour mettre à jour. Peut-être "autoprefixer" en ligne n'est pas à jour ?

Aucune idée mais

position: -webkit-fixed;

j'ai jamais vu ca de ma vie et même les sites de compatibilité n'en font pas mention (même pour les très très vielles versions)
https://caniuse.com/#feat=css-fixed
https://developer.mozilla.org/fr/docs/Web/CSS/position#Compatibilit%C3%A9_des_navigateurs

Anecdote marrante : si on cherche "position: -webkit-fixed;" sur google on tombe sur des sites de positions du Kamasutra.... coïncidence ?

kustolovic a écrit :
Du coup je parie sur un autoprefixer bien louche. (autoprefixer en ligne ne fait pas ça, quelle que soit la compatibilité)

Ouais j'ai aussi testé https://autoprefixer.github.io/ avec "last 999 version" mais ca ma juste donné position: fixed;

Je me demande aussi ce que tu as utilisé @Bongota
Modifié par _laurent (20 Feb 2019 - 15:13)