Follow

Ces derniers mois, j’ai travaillé entre autres sur la création d’un thème Hugo pour la mise en page des cahiers édités par @designcommun en mode 👨🏻‍💻

On vient de publier le premier, et si ça vous intéresse, tout le code est disponible sur GitLab

designcommun.fr/cahiers/situer

· · Web · 4 · 9 · 11

J’ai essayé de documenter tant bien que mal le processus sur ce pad pad.designcommun.fr/s/BJWk-A3Q dans le cadre de la thèse en ergonomie et design graphique de Julie Blanc — mais je n’ai pas encore terminé 😓

D’un point de vue chaîne de publication, on est donc sur un montage Hugo pour le framework + Forestry pour le CMS + Paged.js pour la partie mise en page CSS / création du PDF.

Malgré quelques problèmes rencontrés, j’ai trouvé ce workflow super souple et agréable !

Il y aurait bien sûr encore des choses à améliorer dans la mise en page, il y a plusieurs choses que je n’ai pas réussi à bien gérer, mais disons qu’on a atteint un résultat convenable. Si des gens parmi vous veulent en discuter, ce sera avec plaisir 😊

@timotheegoguely Chapeau bas! Et merci je me mets ça de côté pour une lecture prochaine :)

@XavCC Que voudrais-tu savoir ? Pour info, je vais essayer de présenter rapidement le projet durant l'un des prochains meeting en ligne organisés par Julien de Paged.js, mais je ne sais pas encore quand ce sera.

@timotheegoguely
Je suis plus enclin à l'amorce d'une discussion que de rentrer directement par un « je veux savoir ».

@timotheegoguely je suis content de voirque la communauté pagedJS se développe ! Surtout pour croiser les projets comme design commun

@vazquez C’est tellement cool Paged.js en même temps 😍 Tu as publié des choses avec toi récemment ?

@timotheegoguely Je l'utilise dans mon boulot chez Booksprints, mais ce sont des mises en page trop impersonnelles pour les faire valoir, j'espère bientôt m'atteler à des projets sur lesquels j'aurai plus de latitude.

@vazquez Quels types de documents sont réalisés avec Paged.js chez Booksprints ?

@timotheegoguely ce sont des livres et ça va du rapport de recherche au manuel d'entreprise type "comment utiliser notre outil", pagedJS c'est parfait pour cet usage mais je pense qu'on peut aller beaucoup plus loin dans la réflexion sur la mise en page, son le lien avec la version pour écran, etc. Pour l'instant je n'ai pas cette liberté là chez eux.

@timotheegoguely dans Hugo, tu peux utiliser du markdown dans une balise HTML comme <aside>, à condition d’isoler la balise par une ligne vide.

@loupbrun Sérieusement ?! Ben ça va bien me simplifier les choses ! Merci pour le tips :)

@timotheegoguely @designcommun
C'est chouette, vraiment !
Une question (désolé si je t'embête) : c'est fait pour qu'il n'y a pas de version web non paginée, pour une lecture sur tous les écrans ?

@antoinentl @designcommun Merci ! Une version web non paginée est prévue, juste pas pris le temps de le faire encore.

@timotheegoguely @designcommun
Ok ! J'ai joué un tout petit peu avec la possibilité de produire différentes sorties d'un même contenu avec Hugo (je n'ai rien de montrable), si tu veux en discuter ce serait avec plaisir !

@antoinentl @designcommun Cool, avec plaisir ! Moi je pensais partir sur une seule et même sortie HTML avec la possibilité de basculer d'une feuille de style “classique” à la version paginée, mais il y a sans doute des problématiques qui m'échapent vu que je ne m'y suis pas encore mis (je penses notamment aux notes de pas de page).

@timotheegoguely @designcommun
Ce qui est cool avec Hugo c'est que tu peux facilement paramétrer des sorties différentes et appliquer les templates que tu veux (je t'envoie quelque chose en MP). Tu me feras signe quand tu voudras en parler !

@timotheegoguely
si un jour tu souhaites rendre ça multilingue, pour la partie Hugo+platforme de traductiob je maîtrise, mais pour la chaîne après (le truc js et le pdf)
@designcommun

@jibec Le multilingue avec Hugo je vois comment ça fonctionne, j’en ai déjà fait pour d’autres projets, mais je suis curieux de savoir quelle est la plateforme de traduction dont tu parles.

@timotheegoguely
en fait, j'automatise ma conversion des fichiers de contenu en fichiers po, puis je branche Weblate dessus, il me renvoit me contenu traduit.

Sign in to participate in the conversation
mastodon.design

A Mastodon instance for and by people who make things!