Web2print 2021-2022 : Différence entre versions
(→29 octobre) |
|||
| Ligne 10 : | Ligne 10 : | ||
site expressions régulières : https://regex101.com/ | site expressions régulières : https://regex101.com/ | ||
| + | |||
| + | Reset CSS | ||
| + | |||
| + | <syntaxhighlight lang="css"> | ||
| + | /* http://meyerweb.com/eric/tools/css/reset/ | ||
| + | v2.0 | 20110126 | ||
| + | License: none (public domain) | ||
| + | */ | ||
| + | |||
| + | html, body, div, span, applet, object, iframe, | ||
| + | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
| + | a, abbr, acronym, address, big, cite, code, | ||
| + | del, dfn, em, img, ins, kbd, q, s, samp, | ||
| + | small, strike, strong, sub, sup, tt, var, | ||
| + | b, u, i, center, | ||
| + | dl, dt, dd, ol, ul, li, | ||
| + | fieldset, form, label, legend, | ||
| + | table, caption, tbody, tfoot, thead, tr, th, td, | ||
| + | article, aside, canvas, details, embed, | ||
| + | figure, figcaption, footer, header, hgroup, | ||
| + | menu, nav, output, ruby, section, summary, | ||
| + | time, mark, audio, video { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | border: 0; | ||
| + | vertical-align: baseline; | ||
| + | } | ||
| + | /* HTML5 display-role reset for older browsers */ | ||
| + | article, aside, details, figcaption, figure, | ||
| + | footer, header, hgroup, menu, nav, section { | ||
| + | display: block; | ||
| + | } | ||
| + | body { | ||
| + | line-height: 1; | ||
| + | } | ||
| + | ol, ul { | ||
| + | list-style: none; | ||
| + | } | ||
| + | blockquote, q { | ||
| + | quotes: none; | ||
| + | } | ||
| + | blockquote:before, blockquote:after, | ||
| + | q:before, q:after { | ||
| + | content: ''; | ||
| + | content: none; | ||
| + | } | ||
| + | table { | ||
| + | border-collapse: collapse; | ||
| + | border-spacing: 0; | ||
| + | }</syntaxhighlight> | ||
== 15 octobre == | == 15 octobre == | ||
Version du 29 octobre 2021 à 14:51
Sessions
29 octobre
pdftohtml Linux et windows Mac: via Brew
Visual studio code: préférences - extentions - installer: encode decode ctrl alt C: ouvre les commandes > Encode/decode convert
site expressions régulières : https://regex101.com/
Reset CSS
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
15 octobre
Gutenberg to HTML
- Télécharger l'outil ether2html conçu par Open source publishing.
- Décompressez le dossier et déposez-le dossier à un endroit adéquat de votre ordinateur.
- Connectez vous à la bibliothèque libre de droit Gutenberg.org et choisissez par groupe de 2 ou 3 un texte qui vous plait. Vu que les auteurs sont décédés depuis minimum 70 ans pour que leur œuvre entre dans le domaine public, il y a beaucoup de textes classiques, il y a des auteurs français même si la majorité sont en anglais. (voir ici la littérature française)
- Exemple: https://www.gutenberg.org/ebooks/26812
- Télécharger le code source html du texte que vous avez choisi.
- Ouvrez un pad quelque part pour le contenu (ex:https://pads.erg.be/) et copier/coller le contenu html de l'œuvre que vous avez choisie.
- Ouvrez un autre pad pour les CSS
- Editez le fichier ether2html.html en remplaçant l'URL sous le commentaire par l'URL d'exportation du pad CSS que vous avez créé à l'étape 1, (c'est à dire l'url + export/txt à la fin) ou bien copiez l'emplacement du lien de l'exportation en texte brut du pad via le menu d'exportation.
- Modifiez le fichier ether2html.html en remplaçant l'URL sous le commentaire par l'URL d'exportation du pad pour le contenu que vous avez créé à l'étape 2, (c'est à dire l'url + export/txt à la fin) ou bien copiez l'emplacement du lien de l'exportation en texte brut du pad via le menu d'exportation.
24 septembre
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/
Références CSS print Documentation paged.js
