Intro web2print : Différence entre versions

De Design numérique
Aller à : navigation, rechercher
 
(6 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
[https://www.w3.org/TR/css-page-3/ CSS print]:
+
 
  
 
Recette pad to print:
 
Recette pad to print:
<code>
+
<pre>
 
- 1 etherpad par groupe pour coder HTML + CSS : <https://pads.erg.be/p/html2print>
 
- 1 etherpad par groupe pour coder HTML + CSS : <https://pads.erg.be/p/html2print>
 
- ouvrir un terminal et lancer la commande:  
 
- ouvrir un terminal et lancer la commande:  
Ligne 10 : Ligne 10 :
 
- Ouvrir la page index.html créée dans votre "maison"
 
- Ouvrir la page index.html créée dans votre "maison"
 
- Inspecteur web
 
- Inspecteur web
</code>
+
</pre>
 +
 
 +
Quelques recettes Css:
 +
 
 +
- Clippy: http://bennettfeely.com/clippy/
 +
 
 +
- Filtres CSS: https://www.cssfiltergenerator.com/
 +
 
 +
- Générateur de css : https://cssgenerator.org/
 +
 
 +
[http://pratiquesnumeriques.be/web2print/first-demo.zip first demo]
 +
 
 +
Référence [https://www.w3.org/TR/css-page-3/ CSS print]

Version actuelle datée du 1 octobre 2021 à 14:21


Recette pad to print:

- 1 etherpad par groupe pour coder HTML + CSS : <https://pads.erg.be/p/html2print>
- ouvrir un terminal et lancer la commande: 
    while 1; do sleep 1; curl https://pads.erg.be/p/html2print/export/txt > index.html ; done
- Ouvrir Firefox
- Installer le plugin Auto reload: <https://addons.mozilla.org/fr/firefox/addon/auto-reload/>
- Ouvrir la page index.html créée dans votre "maison"
- Inspecteur web

Quelques recettes Css:

- Clippy: http://bennettfeely.com/clippy/

- Filtres CSS: https://www.cssfiltergenerator.com/

- Générateur de css : https://cssgenerator.org/

first demo

Référence CSS print