24-28 SEPTEMBRE 2018
PRÉSENTATION



WORKSHOP ERACOM
ÉDITION HYBRIDE

LORAINE FURTER






ÉVOLUTION DES OUTILS GRAPHIQUES
























HISTOIRE DU LIVRE (TECHNOLOGIE)







PUBLICATION HYBRIDE


OUTILS DIGITAUX & WEB



YOUR MESSAGE HERE








APPROCHE LIBRE / OPEN SOURCE










PRE POST PRINT - Paris




https://prepostprint.org/







HTML, CSS







PRÉCÉDENTS WORKSHOPS ERACOM





specimen hybrides 2017Posterator par Maxim Farner & Pauline Scuderi






BOÎTE À OUTILS

RESIZE (REDIMENSIONNER)

FLOWING LAYOUT — EPUB (acronyme de «electronic publication» ou «publication électronique», parfois noté ePub, EPub ou epub) est un format ouvert standardisé pour les livres numériques. Proposé par l’IDPF, ces fichiers ont l’extension .epub.
EPUB est conçu pour faciliter la mise en page du contenu, le texte affiché étant ajusté pour le type d'appareil de lecture. Il est également conçu comme le seul format pouvant à la fois satisfaire les éditeurs pour leurs besoins internes et la distribution. Ce format englobe le standard Open eBook [1].
La dernière version standardisée, EPUB3 [2], repose sur l'HTML5, ce qui ouvre la voie à de nombreuses extensions. Elle offre de nouvelles caractéristiques telles que la prise en charge de l'affichage de toutes les langues, un espace spécifique pour les métadonnées, un développement de l'interactivité permettant l'ajout de contenus enrichis (graphismes, typographies, multimédias) [3].
Diverses applications permettent de créer un fichier EPUB directement ou à partir d'un fichier préexistant [4].

https://fr.wikipedia.org/wiki/EPUB_(format)

Reflowable document
A reflowable document is a type of electronic document that can adapt its presentation to the output device. Typical prepress or fixed page size output formats like PostScript or PDF are not reflowable during the actual printing process because the page is not resized. For end users, the world wide web standard, HTML is a reflowable format [1] as is the case with any resizable electronic page format.
In contrast to end user terminology, the notion of reflow is sometimes used to discuss desktop publishing program features for print publication page layout such as automatically balancing the amount of text in a number of columns. [2]

https://en.wikipedia.org/wiki/Reflowable_document
CONTENU ÉDITABLE

ÉDITEZ-MOI


MODIFICATIONS
(couleur, typo, taille …)


CHANGEZ MA COULEUR


AJOUTER DES ÉLÉMENTS
plus
CONTENU DÉPLAÇABLE

BOUGEZ-MOI


IMPORTER UNE IMAGE

File API & FileReader API not supported

XHR2's FormData is not supported

XHR2's upload progress isn't supported









RÉFÉRENCES

WEB TO PRINT

https://kabk.github.io/go-theses-17/
http://deconstructionconference.nl/

MISE EN PAGE WEB

https://ortype.is/

SITES

http://brutalistwebsites.com/


RESSOURCES

CODE

CSS tricks (ex: outil resize)
jquery interactions
jsfiddle interface de test de bouts de code



TYPOGRAPHIES LIBRES

https://fonts.google.com/
http://open-foundry.com/hot30
https://fontain.org/
http://usemodify.com/
http://www.velvetyne.fr/
http://love-letters.be/foundry.html
http://typotheque.interstices.io/
http://osp.kitchen/foundry/



À LIRE

Trouble dans le genre ­— pédagogie alternative de l’édition hybride, design-research.be
Revue Back Office, design graphique et pratiques numériques, B42, n°1