La technologie web fait soudain l‘impression : comment PrintCSS peut changer l‘industrie

Simea Merki

Lorsque l‘on entend CSS, on pense directement aux sites web. Et ce, bien sûr, à juste titre. CSS est LA langue de conception pour Internet. Chaque navigateur, qu‘il s‘agisse d‘un ordinateur de bureau, d‘un ordinateur portable, d‘un mobile ou d‘une tablette, lit les CSS pour comprendre la taille, la couleur et même la mise en page des pages web. Mais les CSS peuvent en fait faire bien plus que cela.

Le « Paged Media Module » a été introduit avec CSS3. Il s‘agit donc de la mise en forme des médias qui ont des pages, par exemple un PDF. Le Paged Media Module (appelé familièrement PrintCSS) est déjà très sophistiqué. En effet, PrintCSS peut déjà faire tout ce dont l‘impression a besoin : couleurs spéciales, fonds perdus, marques de repérage, etc. PrintCSS fonctionne très simplement : HTML ou XML + CSS + (éventuellement JavaScript) = PDF. Le PDF est généré par les renders PrintCSS. Le paysage des fournisseurs est très large :

PrintCSS: HTML/XML + CSS + éventuellement JavaScript= PDF

  • Il existe des moteurs de rendu open source (par exemple : PagedJS, Weasyprint, Vivliostyle)
  • Offres à prix moyen (par ex. Typeset.sh)
  • Solutions d’entreprise ( par ex. : Antenna House, PDFReactor, Prince)

Il existe bien sûr aussi des différences fonctionnelles. Certains renders proposent également des séparations automatiques en français, certains peuvent reproduire des notes de bas de page, d‘autres non.
Les différents renders se sont parfois spécialisés dans des fonctions et des domaines d‘application particuliers. Il est donc recommandé d‘envisager différents renders pour différents projets et, le cas échéant, de remettre en question son choix après 1 ou 2 ans, les renders PrintCSS apportant souvent des mises à jour.

Conseil: Vous trouverez ici un excellent aperçu des fonctionnalités et des comparaisons entre différents renders : print-css.rocks/lessons

Pourquoi utiliser PrintCSS?

PrintCSS exige de nouvelles compétences dans le secteur de la publication. Ce qui se faisait auparavant dans InDesign et autres est désormais écrit sous forme de code. Des processus qui étaient jusqu‘à présent toujours identiques sont bouleversés. Pour justifier une telle mise en œuvre, il faut bien sûr des arguments valables. Voici donc quelques avantages de PrintCSS.

L‘un des avantages de PrintCSS par rapport aux programmes de mise en page classiques est qu‘il utilise une langue unique pour servir plusieurs canaux. PrintCSS n‘est que légèrement différent de CSS pour le web. Cela signifie que si quelqu‘un a déjà un modèle pour le web, il lui suffit de l‘adapter pour créer une version imprimée. Cela permet de créer du contenu pour différents supports de manière efficace et en gagnant du temps.

Cela nous amène directement à l‘avantage suivant. Étant donné que PrintCSS s‘appuie sur les règles et les conventions CSS déjà connues, les développeurs et les concepteurs peuvent facilement passer d‘un canal à l‘autre et garantir une apparence cohérente. Au lieu d‘apprendre un programme de mise en page séparé et de faire des ajustements complexes, ils peuvent utiliser leurs connaissances CSS existantes et les appliquer aux documents imprimés. Cela signifie qu‘il est facile de trouver des développeurs PrintCSS ou de recycler des développeurs CSS en développeurs PrintCSS.

Un autre grand avantage de PrintCSS est la séparation systématique du style et du contenu. Il n‘est pas possible d‘injecter du contenu supplémentaire via PrintCSS, ce qui signifie que la structure de données en XML ou HTML doit être suffisamment complète et propre pour fonctionner. C‘est bien sûr parfois un défi. En même temps, on est obligé de faire cette séparation, ce qui n‘est parfois pas si mal pour les projets « Content First ».

Un autre point est bien sûr la tarification compétitive. Pour les PME en particulier, les services de rendu comme InDesign Server par exemple ne sont pas une option, ne serait-ce qu‘en raison des coûts de licence et d‘infrastructure. Avec PrintCSS, il existe des renders pour tous les budgets qui n‘exigent pas autant de
serveurs. Cela signifie que, dans certaines circonstances, PrintCSS est nettement moins cher à long terme.

PrintCSS est-il déjà utilisable en pratique ?

C‘est bien sûr la question cruciale. Il est important pour moi de souligner que PrintCSS n‘est pas toujours la meilleure solution. Par exemple, si une intervention manuelle est nécessaire sur des sorties individuelles, c‘est très difficile, sinon impossible, car avec PrintCSS, le résultat est toujours directement un PDF. Dans les flux de travail InDesign classiques, il est généralement possible d‘intervenir dans le fichier InDesign ouvert.

Mais si vous disposez d‘un modèle fixe et que vous souhaitez toujours mettre en page le contenu de la même manière avec un ensemble de règles claires, PrintCSS est un outil merveilleux.
Les idées et les possibilités sont multiples ;

Carte de menu numérique et analogique

  • Les fiches techniques, par exemple pour les produits  industriels, peuvent être directement générés en fichiers PDF à partir du PIM.
  • Rapports annuels et statistiques, PrintCSS permet également de générer des graphiques à partir de chiffres bruts via JavaScript. Très excitant !  
  • La mise en page de travaux scientifiques suit généralement un ensemble de règles très rigides. Idéal pour PrintCSS !
  • Aujourd’hui déjà, les e-books et les livres imprimés dans le domaine de la fiction sont souvent générés avec PrintCSS. Cela est particulièrement intéressant pour les petits tirages ou l’auto-édition.

So it becomes clear; the possibilities of PrintCSS are easy to underestimate. The danger is that the print industry will miss out on this trend because they don’t have CSS on their radar. However, I believe that CSS has the potential to go from being just a web technology to a print technology. It can disruptively change the print world. If you don’t watch this trend, you may be surprised by it one day.

Regarder la vidéo de la présentation

veuillez accepter les cookies pour regarder cette vidéo.

Comment pouvons nous vous-aider?

Please accept Cookies to display this Form.