From 5adb4522c9b7da52494067928875aa4d0d3eb355 Mon Sep 17 00:00:00 2001
From: Sébastien Dailly <sebastien@chimrod.com>
Date: Thu, 4 Feb 2021 21:03:33 +0100
Subject: Css merge tool (and application with custom css)

---
 content/pages/css_merger/css_merger.rst | 55 +++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100755 content/pages/css_merger/css_merger.rst

(limited to 'content/pages/css_merger/css_merger.rst')

diff --git a/content/pages/css_merger/css_merger.rst b/content/pages/css_merger/css_merger.rst
new file mode 100755
index 0000000..14d818c
--- /dev/null
+++ b/content/pages/css_merger/css_merger.rst
@@ -0,0 +1,55 @@
+.. -*- mode: rst -*-
+.. -*-  coding: utf-8 -*-
+
+Fusion de CSS
+=============
+
+:status: hidden
+:save_as: pages/css_merger/index.html
+:url: pages/css_merger/
+
+
+Chargez les fichiers à fusionner :
+
+.. raw:: html
+
+  <noscript>Sorry, you need to enable JavaScript to see this page.</noscript>
+    <script id="css_js" type="text/javascript" defer="defer" src="{static}css.js"></script>
+  <script>
+    var script = document.getElementById('css_js');
+    script.addEventListener('load', function() {
+      var div = document.getElementById('merger');
+      merger.attach(div);
+    });
+  </script>
+  <div id="merger"></div>
+
+Le principe
+-----------
+
+Les fichiers CSS_ sont définis par un ensemble de règles qui s'appliquent sur
+des éléments de la page. Ces règles peuvent être redéfinies dans le même
+fichier, ou même dans d'autres fichiers qui sont chargés après le premier (la
+dernière règle chargée prévaut).
+
+.. _css: https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade
+
+Afin d'optimiser le chargement des pages web, il est souvent conseiller de
+fusionner les fichiers CSS en un seul (moins de bande passante consommée, un
+seul transfert réseau, temps de chargement des règles inutiles évité). Cela est
+possible en appliquant les règles successivement en analysant les fichiers.
+
+Utilisation
+-----------
+
+Chargez juste les fichiers, le résultat du traitement est affiché dans la
+fenêtre de prévisualisation. Il est également possible de télécharger la version
+du fichier réécrite pour en minimiser la taille.
+
+Code source
+-----------
+
+Le code est disponible sur mon `dépôt git`_. Il utilise une version
+compilée en JavaScript de l'application `css_merger` qui s'y trouve.
+
+.. _dépôt git: http://git.chimrod.com/css_lib.git/
-- 
cgit v1.2.3