, pour réduire le poids de la page des exemples.
- Pour le `SVG`, exécutez le code via [SVGOMG](https://jakearchibald.github.io/svgomg/), et assurez-vous que le fichier `SVG` comporte une ligne vide à la fin du fichier.
- Lorsque vous affichez des icônes sur une page (ex. via [`background-image`](/fr/docs/Web/CSS/background-image)), utilisez les icônes du référentiel [mdn-dinocons](https://github.com/mdn/mdn-dinocons), le cas échéant, et essayez de correspondre à leur style dans les autres cas.
### Utilisation de la couleur
Minuscule pour l'hexadécimal, peut utiliser des mots-clés pour les nuances et les couleurs primaires (ex. : black, white, red), utiliser des schémas plus complexes uniquement si nécessaire (ex. : pour inclure la transparence).
Préférez utiliser des mots-clés pour les couleurs primaires et autres couleurs "de base", par exemple :
```css example-good
color: black;
color: white;
color: red;
```
Utilisez rgb() pour des couleurs plus complexes (y compris les couleurs semi-transparentes) :
```css example-good
color: rgb(0, 0, 0, 0.5);
color: rgb(248, 242, 230);
```
Si vous devez utiliser des couleurs hexadécimales, utilisez des minuscules :
```css example-good
color: #058ed9;
color: #a39a92;
```
et utilisez la forme abrégée le cas échéant :
```css example-good
color: #ff0;
color: #fff;
```
Le fichier [sass/vars/\_color-palette.scss](https://github.com/mdn/mdn-minimalist/blob/main/sass/vars/_color-palette.scss) du dépôt [mdn-minimalist](https://github.com/mdn/mdn-minimalist) comporte un ensemble de couleurs utiles qui complètent le design général de MDN.
### Mettre en évidence les exemples de bonnes et de mauvaises pratiques
Comme vous le remarquerez en parcourant ces lignes directrices, les blocs de code censés être des exemples de bonnes pratiques sont marqués d'un fond en vert, et les blocs de code censés être des exemples de mauvaises pratiques sont marqués d'un fond en rouge.
Pour ce faire, vous devez d'abord utiliser les commandes de l'éditeur MDN pour placer votre bloc de code dans un bloc `` et lui donner la coloration syntaxique appropriée. La source du code ressemblera à quelque chose comme ceci :
```js
function myFunc() {
console.log('Hello!');
};
```
Pour en faire un bon exemple, vous insérez `example-good` juste avant le guillemet fermant de l'attribut `class` :
```html
...
```
Pour en faire un mauvais exemple, vous insérez `example-bad` juste avant le guillemet fermant de l'attribut `class` :
```html
...
```
Nous aimerions vous encourager à les utiliser. Il n'est pas nécessaire de les utiliser partout, mais seulement lorsque vous signalez spécifiquement les bonnes et mauvaises pratiques dans votre code.
## Rédaction de sections syntaxiques sur les pages de référence
Les pages de référence MDN comprennent des sections Syntaxe qui indiquent sans ambiguïté quelle peut/doit être la syntaxe d'une fonctionnalité, par exemple une méthode JavaScript, une propriété CSS, un élément HTML, etc. Des directives pour les rédiger sont données sur le document [Sections syntaxiques](/fr/docs/MDN/Structures/Syntax_sections).