Imprimer avec les technologies du web

Julie Blanc, Lucile Haute, Quentin Juhel

Workshop Création hybride avec des outils numériques libres

Les écrits du numérique #4

23 mars 2019 – Friche belle de Mai, Marseille

Les technologies du web

Un concept de base :
séparer le contenu (structure sémantique)
et la mise en forme (présentation visuelle)

Design responsive

Adaptation de la mise en forme en fonction de l'appareil
ou de la résolution de l'écran

CSS Media queries
(technologie pour le design responsive)

Utiliser les CSS Media queries pour l'imprimé

Les technologies de publication












http://recherche.julie-blanc.fr/timeline-publishing/

Single Source Publishing

Single Source Publishing

Faire de l'imprimé avec les technologies du web ?

CSS print

Imprimer depuis un navigateur web

Composer un livre,
ce n'est pas seulement découper un flow en page

Jan Tschichold, Livre et typographie

CSS Region

  • Module CSS proposé en 2011 par Adobe (Working Draft)
  • Implémenté sur Chromium, Chrome et Safari
  • Utilisé par HTML2print (Open Source Publishing) ou book.js (booksprint.net)

Wim Nijenhuis, The Riddle, design graphique: Open Source Publishing

L'échec de CSS Region

  • Critique: ajout de code HTML pour l'utiliser (pas de fichier HTML clean)
  • Chrome et Chromium abandonnent l'implémentation en 2017
  • Les outils basés sur cette spécification ne marchent plus

Logiciels propriétaires en ligne de commande

Autres outils dans différents langage

weasyprint.org

Vivliostyle

  • Moteur de rendu visualisé pour créer des livres dans un navigateur
  • Spécification EPUB Adaptative Layout (IDPF, 2011)
  • Devenu propriétaire l'an dernier avec abandon de la version open source
  • Solution clé en main (pas d'ajout de scripts)

Modules CSS print


Problème : pas d'implémentation dans les navigateurs

Polyfill

Script javascript permettant de simuler sur un navigateur web des fonctionnalités qui n’y sont pas nativement disponibles

pagedmedia.org

CSS print, les possibilités

Visualiser un livre à tout moment

S’adapter aux workflows les plus rapides



→ Booksprint

Composer un livre à dix mains (collaboration)



→ Pad2print, Luuse

Impression à la demande avec paramétrage de styles



→ Espresso Book Machine

De l'imprimé responsive



→ Louise Drulhe, Atlas critique d'internet

Couplages à d'autres scripts



→ Librairie Mathjax

Expérimenter de nouvelles formes



→ Programme de la balsamine, Open Source Publishing

Hybrité, multisupport

Produire numérique et imprimé dans un même geste éditorial

Paged.js

Les sélecteurs de page

Les sélecteurs des margins boxes

Les gabarits de page (named pages)

Merci

slides.julie-blanc.fr/20190323_ecrinum.html

julie-blanc.fr

contact@julie-blanc.fr

@julieblancfr