3 files changed, 46 insertions, 0 deletions
diff --git a/files/fr/web/css/tools/cubic_bezier_generator/index.html b/files/fr/web/css/tools/cubic_bezier_generator/index.html
new file mode 100644
index 0000000000..6a4671d141
--- /dev/null
+++ b/files/fr/web/css/tools/cubic_bezier_generator/index.html
@@ -0,0 +1,13 @@
+---
+title: Générateur de courbe de Bézier
+slug: Web/CSS/Outils/Générateur_de_courbe_de_Bézier
+tags:
+  - CSS
+  - Outils
+translation_of: Web/CSS/Tools/Cubic_Bezier_Generator
+---
+<p>{{Draft}}</p>
+
+<div class="note">
+<p><strong>Note</strong><strong> :</strong> Cette page n'est pas complète, l'outil doit être finalisé sur la version anglaise.</p>
+</div>
diff --git a/files/fr/web/css/tools/index.html b/files/fr/web/css/tools/index.html
new file mode 100644
index 0000000000..ac78261ad4
--- /dev/null
+++ b/files/fr/web/css/tools/index.html
@@ -0,0 +1,20 @@
+---
+title: Outils
+slug: Web/CSS/Outils
+tags:
+  - CSS
+  - Outils
+translation_of: Web/CSS/Tools
+---
+<p>CSS fournit de nombreuses fonctionnalités qui peuvent être paramétrées avec différents facteurs. Il est donc utile de pouvoir visualiser ces paramètres lorsqu'on manipule ces propriétés. Cette page indique différents outils qui pourront vous être utiles lorsque vous construirez vos feuilles de style avec ces fonctionnalités.</p>
+
+<p>{{LandingPageListSubpages}}</p>
+
+<h2 id="Autres_outils">Autres outils</h2>
+
+<ul>
+ <li><a href="http://jeremyckahn.github.io/stylie/">Stylie </a>pour les animations</li>
+ <li>Connaître les informations d'affichage d'un appareil (utile pour la conception de sites adaptatifs) : <a href="http://mydevice.io">mydevice.io</a></li>
+ <li>Construire des menus CSS - <a href="https://cssmenumaker.com/">cssmenumaker.com</a></li>
+ <li>Un linter CSS qui permet de respecter des conventions homogènes et d'éviter des erreurs dans les feuilles de style - <a href="https://stylelint.io/">stylelint</a></li>
+</ul>
diff --git a/files/fr/web/css/tools/linear-gradient_generator/index.html b/files/fr/web/css/tools/linear-gradient_generator/index.html
new file mode 100644
index 0000000000..ae2340fd73
--- /dev/null
+++ b/files/fr/web/css/tools/linear-gradient_generator/index.html
@@ -0,0 +1,13 @@
+---
+title: Générateur de dégradés linéaires
+slug: Web/CSS/Outils/Générateur_de_dégradés_linéaires
+tags:
+  - CSS
+  - Outils
+translation_of: Web/CSS/Tools/Linear-gradient_Generator
+---
+<p>{{Draft}}</p>
+
+<div class="note">
+<p><strong>Note</strong><strong> :</strong> Cette page n'est pas complète, l'outil doit être finalisé sur la version anglaise.</p>
+</div>