Pour la méthode SVG, j'ai un secours aussi si le SVG image ne marche pas, ça fallback en PNG, selon le même principe que tu as décrit. Faudrait que je la mette à jour pour les vieux IE.

Côté UTF-8, je n'ai pas ce problème, y a toute la chaîne qui est correctement encodée. Je connais un paquet de Alt+combinaison, je me suis mis en tête de les connaître par cœur pour la belle typo principalement. Ceci dit, je retiens ton idée du quadruple underscore, très bonne idée !

Par contre, je n'ai pas utilisé de pré-processeur pour ce projet. Côté préfixes, y avait un problème sur justement les propriétés préfixées en animation, ça buggait sur certains programmes qui ajoutent les préfixes. Tu sais si y a du neuf à ce sujet ? ]]> text/html https://www.nicolas-hoffmann.net/source/1630-Refonte-du-site-de-Parenti-Design-SVG-et-CSS-avances.html#comment158588 Nico Sun, 13 Jul 2014 19:27:04 +0200

En ce qui concerne les soucis liés à la notation BEM, l'usage du cadratin et du demi-cadratin peut poser problème si le codage utilisé n'est pas l'UTF-8 (de nos jours, nous sommes censés travailler sur de l'UTF-8 ; mais, nous ne sommes pas, pour autant, à l'abri d'une mauvaise surprise ou d'une contrainte incompréhensible en matière de codage de caractères) ou que le développeur front-end ne travaille pas avec un clavier Mac, où la saisie de ces deux caractères est bien plus facile que sur un clavier PC, qui oblige à mémoriser la combinaison Alt + touches du pavé numérique (je laisse deviner la galère avec un clavier de PC portable dépourvu de clavier numérique distinct ou obligeant à utiliser une touche supplémentaire pour ladite combinaison au clavier, en osant espérer que le développeur ne s'est pas cassé un bras). Une suggestion possible serait d'utiliser le double underscore pour introduire l'élément BEM et le quadruple underscore pour le modifieur BEM, comme suit : block__element____modifier.

En ce qui concerne le fallback pour les images de contenu en SVG embarquées au moyen de l'élément img, le recours aux commentaires conditionnels n'est pas très pertinent : en effet, les versions d'IE antérieures à la 9 ne sont pas les seules à ne pas comprendre le SVG, il y a aussi les versions du navigateur Android antérieures à la 3. Pour ma part, je code un élément img dont l'attribut src appelle l'image au format PNG et qui est accompagné d'un attribut data-* dont la valeur est le nom du fichier au format SVG, puis procède, en JavaScript, au remplacement de la valeur de l'attribut src par celle de mon attribut data-*, après avoir détecté que le navigateur comprend bien le SVG (en vérifiant si la propriété window.SVGSVGElement ne vaut pas 'undefined'). Ainsi, les vieux Android ne seront pas pénalisés par cette amélioration progressive. Un exemple est disponible sur le site de la BNFA, refondu par mes soins pour la partie front-end. ;)

Enfin, quant à la gestion des préfixes, ton préprocesseur préféré et un mixin font l'affaire. ;) ]]> text/html https://www.nicolas-hoffmann.net/source/1630-Refonte-du-site-de-Parenti-Design-SVG-et-CSS-avances.html#comment158587 Victor Brito Sun, 13 Jul 2014 17:19:16 +0200