From 6f4aefbbb19a86a71aa5cab2fcc2e4e1c93bbaa5 Mon Sep 17 00:00:00 2001
From: raphaelgoettter <raphael@goetter.fr>
Date: Mon, 9 Mar 2015 16:53:04 +0100
Subject: [PATCH] Docu 9, 10 et 11

---
 doc/09-misc.md      | 72 ++++++++++++++++++++++++++++++++++++++++++++-
 doc/10-styling.md   | 12 +++++++-
 doc/11-wordpress.md |  6 +++-
 3 files changed, 87 insertions(+), 3 deletions(-)

diff --git a/doc/09-misc.md b/doc/09-misc.md
index 99f1089..66259ff 100644
--- a/doc/09-misc.md
+++ b/doc/09-misc.md
@@ -1 +1,71 @@
-# todo
\ No newline at end of file
+# Divers
+
+La feuille de style "fourre-tout" de KNACSS, où l'on retrouve des règles pratiques dans certains contextes, mais pas suffisamment universelles pour être appliquées par défaut dans un framework.
+
+## Liens d'évitement
+
+Les [liens d'évitement](http://www.alsacreations.com/tuto/lire/572-Les-liens-d-evitement.html) sont prévus pour faciliter la navigation au clavier, ils sont indispensable dans une optique de parfaite accessibilité.
+
+KNACSS propose des styles par défaut pour ces liens : masqués au départ, ils deviennent visibles lorsque la touche `tab` est utilisée.
+
+```css
+.skip-links {
+  position: absolute;
+}
+.skip-links a {
+  position: absolute;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  padding: 0.5em;
+  background: black;
+  color: white;
+  text-decoration: none;
+}
+.skip-links a:focus {
+  position: static;
+  overflow: visible;
+  clip: auto;
+}
+```
+
+## Césures
+
+KNACSS gère automatiquement les césures et les mots longs dès lors que le point de rupture "small" est atteint.
+
+```css
+@media (max-width: 768px) {
+  /* you shall not pass */
+  div,
+  textarea,
+  table,
+  td,
+  th,
+  code,
+  pre,
+  samp {
+    word-wrap: break-word;
+    -webkit-hyphens: auto;
+       -moz-hyphens: auto;
+        -ms-hyphens: auto;
+            hyphens: auto;
+  }
+}
+```
+
+## Google maps
+
+KNACSS règle les bugs d'affichage dans le cas spécifique des images google.
+
+```css
+.gm-style img {
+  height: 100%;
+}
+:not(.gm-style) img {
+  height: auto;
+}
+.gm-style img,
+.gmnoscreen img,
+.gmnoprint img {
+  max-width: none !important;
+}
+```
diff --git a/doc/10-styling.md b/doc/10-styling.md
index 99f1089..3ed7b0a 100644
--- a/doc/10-styling.md
+++ b/doc/10-styling.md
@@ -1 +1,11 @@
-# todo
\ No newline at end of file
+# Décorations diverses
+
+Dans cette feuille de style, KNACSS apporte un minimum de décoration à divers éléments habituels.
+Il ne s'agit pas d'un "reset" mais bien d'une couche de design qu'il n'est bien entendu pas du tout indispensable de conserver.
+
+- les élements de code (`code`, `pre`)
+- le surlignement (`mark`)
+- les contenus en exposant ou en indice (`sup`, `sup`)
+- les citations (`q`, `blockquote`)
+- les séparateurs (`hr`)
+- les tableaux de données
diff --git a/doc/11-wordpress.md b/doc/11-wordpress.md
index 99f1089..2a37e00 100644
--- a/doc/11-wordpress.md
+++ b/doc/11-wordpress.md
@@ -1 +1,5 @@
-# todo
\ No newline at end of file
+# Styles WordPress
+
+Cette feuille de style, exclusivement dédiée au CMS WordPress, constitue en un "reset" de base pour cet outil que nous employons fréquemment au sein de l'agence Alsacréations.fr.
+
+C'est Geoffrey Crofte qui a conçu ce fichier de bonnes pratiques (basée sur un socle proposé par Automattic), n'hésitez pas à le contacter sur son site perso [CreativeJuiz](http://www.creativejuiz.fr/) si vous avez la moindre question à son propos.