Lmst

@vasilis Within the context of a paged.js driven publishing, you may use `string-set`, like here: https://ateliers.esad-pyrenees.fr/stolon/string-set-print.
That’s a shame we cannot access this within a normal web page (or even in straight css print, since browsers never implemented it properly).

#pagedjs #webToPrint
cc @julientaq

Looking for info on Chrome/PDFs
I’m experimenting with generating print-ready PDFs from webpages using Chrome and Paged.js - and I’m looking for info on how images are compressed/modified when a web page is printed as PDF. Any idea where I could find this info?
Thanks for reposts
#chrome #pdf #PagedJS #printing #publishing

J'ai trouvé un cas d'usage pour #pagedjs : export pdf de mon support de présentation fait avec remarkjs
Vu que remarkjs génère les diapos à partir d'un contenu markdown, #weasyprint (que j'utilise d'habitude) ne peut pas me faire un PDF, car il n'interprète pas le javascript
Pagedjs se fait dans un moteur de navigateur.
J'ai dû repasser les diapos en 4:3 mais sinon, rien à signaler, le signal est propre !
Merci @julientaq et @julieblanc pour les causeries pagedjs ce week end aux @jdll #jdll2025

📒 The Internet Phone Book is here!
I can’t wait to receive my copy.

https://internetphonebook.net

- Limited Edition of 500
- 24x19 cm in paperback
- 176 pages
- Samua 100gsm (inside); Colorplan factory yellow, 270gsm (outside)
- Typefaces: Times New Roman, Courier
- Made with HTML Energy and Paged.js
- Designed by Elliott Cost
- Printed in Athens, Greece at Pletsas

Photographs by Ana Šantl

#InternetPhoneBook #PoeticWeb #SmallWeb #SmolWeb #HTMLenergy #PagedJS

The Internet Phone Book with its yellow cover, held by hands above a café table on a sunny day.

Double-page spread inside the book, Ecology section.

Je me lance dans mon premier projet multisupport avec #pagedjs . Je me pose des questions sur la gestion RVB / CMJN des images et sur l’enrichissement typographique.

Des ressources / tips à me conseiller?

Journée dessin avec Aurora pour un projet de tutoriel tissage en #pagedjs. On essaye de pas utiliser la suite ad0be alors bah on dessine à la main 🎀

Un plan vu d’au dessus avec des mains qui dessinent aux crayons de couleurs (vert, violet, jaune, rouge, rose, bleu, gris) sur une espèce de planche de BD, sur laquelle on devine les dessins du tutoriel. Le bras qui tient la main qui tient le crayon est vêtu d’un pull fait par Aurora !!! Trop la classe.

@julieblanc N’hésite pas ! (le template #pagedjs est fait pour toi ;)
@raphael

Some months ago I asked @raphael if Stolon could be improved and adjusted for my own use, so that I can move out of #codepen and host my sketches on my server. He kindly replied GO! and we went though a wild and fun push / pull game to upgrade the editor, enhance the behavior, allow #pagedjs and #p5js templates. Check it out on https://gitlab.com/raphaelbastide/stolon

#tinyLibreTools

Let’s start with PageTypeToPrint, the web + print thesis template made in PHP with #pagedjs. It has been slowly enhanced through the year, with minor bug fixes, improvements, and even a changelog. It is used, more and more, which makes me really happy. Two recent examples in the wild: Alice Neron used it for the great book Code du numérique, and Saul Pandelakis for his 900 pages HDR thesis. Damn. https://github.com/esadpyrenees/PageTypeToPrint/

#tinyLibreTools

@didoesdigital
Decade-old posts are certainly all over the place, since the print and paged media specs were more or less ignored by most browsers for years. But you might have missed some important activity below the surface. @prepostprint folks did a lot of experiments, some publishers (👋 @cfeditions) are using these workflows on a daily basis, #pagedjs is now a strong tool (weasyprint is also ;) and I even teach this approaches in my design courses : https://ateliers.esad-pyrenees.fr/web/pages/ressources/ctrl-alt-print/

@teotimepacreau
Oh, bien vu ! Effectivement, il n'y a pas de repo dédié (ces exemples n'étaient pas destinés à rester là…). De fait, la dispersion des plugins, hooks et autres astuces #pagedjs est un problème encore irrésolu. @julientaq, @julieblanc et les copaines de @prepostprint sont bien au courant..

@julienbidoret j'ai corrigé un bug d'affichage du plugin "table des matières". Je souhaiterai faire une Pull Request pour proposer une correction du `toc.css`. Mais je ne trouve pas de repo centralisant les plugins de https://ateliers.esad-pyrenees.fr/web/pages/ressources/ctrl-alt-print/pagedjs/
(voir les ALT des 2 images pour la correction du bug)
#PagedJS #Web2Print #HTML2Print

capture d'écran d'un sommaire généré par PagedJS : la numérotation des titres de niveaux 3 accompagnés d'une longue phrase s'étalent sur la hauteur des 2 lignes

capture d'écran du même sommaire qu'image 1 : ajouter `#list-toc-generated .toc-element-level-2::before {
min-width: max-content;
}` corriger le bug d'affichage de la numérotation automatique des titres de niveau 3

Excellent ressource pour étendre la configuration de base offerte par #PagedJS :
- notes de bas de page
- table des matières
- pagination

https://ateliers.esad-pyrenees.fr/web/pages/ressources/ctrl-alt-print/pagedjs/#more

Actuellement entrain de mettre en forme mon mémoire de Master grâce à PagedJS, cc @euji

#Web2Print #HTML2Print

@julienbidoret @julieblanc @julientaq

I’m in New York this week! 🍎🗽Feel free to reach out if you want to have a coffee or a chat! #pagedjs #web #cssprint

@rk the other two options would be #SILE and #typst.

Other follow-ups groupings would also be mashups like #speedata / prince / etc. and browser tech options like #weasyprint / #pagedjs / etc.

See also https://polytype.dev for some comparisons I was/am working on.

Currently on my way to the Libre Graphic Meeting (@lgm) with @prepostprint folks. See you there :) On my side, open to discuss web publishing & css print ⭐️

#css #web #publishing #pagedjs

Je ne sais pas si c'est le fait de jouer à NeiR:Replicant ou de bosser sur un texte de Kant, mais cette semaine, en redécouvrant le projet UniFraktur, j'ai eu envi de faire un manifeste « Frakturecore » avec le manuel d'utilisation de la typo et quelques test de nouveaux glyphes alternatifs. #web2print #pagedjs

livret 8 pages à plat à imprimer format A3 du manuel d'utilisation de UniFracktur. L'une des phrase importante du texte de Gerrit Ansmann est : "Don't leave blackletter to the outaded and reactionary people, reappropriate it!"

@julientaq Since paged.js is open source, I'm happy to do a spot check once or twice using the free PDF Accessibility Checker (PAC) [1] and to flag glaring issues missed by PAC. But I can't be part of your ongoing quality assurance workflow (!).

I've tested Chrome PDFs before, but don't have a test suite set up for them. Their quality depends heavily on the complexity of the taggable elements in your HTML.

[1] https://pac.pdf-accessibility.org/en/download

#PDF #PAC #PDFUA #Chrome #PagedJS #Accessibility

Ma thèse est maintenant en ligne, en version web et PDF→ https://phd.julie-blanc.fr/

« Composer avec les technologies du web. Genèses instrumentales collectives pour le développement d’une communauté de pratique de designers graphiques »

Doctorat en ergonomie dirigé par Anne Bationo-Tillon et Samuel Bianchini, co-encadré par Lucile Haute. Soutenu le 7 juin 2023.

(EUR ArTeC / Université Paris 8 - EA349 / EnsadLab)

#phd #cssprint #pagedjs #designgraphique @prepostprint #webtoprint

Capture d'écran du site web https://phd.julie-blanc.fr/

Le rapport final du projet Academic Open Book Edition (AcOBE) de l'ULiège est disponible ! https://orbi.uliege.be/handle/2268/312724

La faisabilité d'une suite logicielle de publication de livres numériques universitaires basée sur les principes de la science ouverte a été démontrée.

Pour les curieux, une partie dédiée à la Science ouverte en Belgique francophone a également été ajoutée.

Cheers 😉

#scienceouverte #openscience #publishing #openaccess #libreaccès #scholarlypublishing #pressbooks #pagedjs

#pagedjs

Client Info