Pourquoi le web
devrait s’intéresser
au livre numérique

Parental Advisory, explicit lyrics

Note

Cette présentation a été étendue afin de devenir un kit de démarrage pour les interessés.

Des détails ont simplement été ajoutés et ne modifient pas les propos tenus lors de la présentation.

(Source : https://github.com/JayPanoz/pw2016)

Fausse couverture d’un livre Oh Really? intitulé Breaking Reading Systems, the definitive guide, de Jiminy Panoz

Documents ?

Apple News Google Amp FaceBook Instant Articles
Wikipedia

DPUB IG + IDPF = ?

Notre culture

┻━┻︵ \(°□°)/ ︵ ┻━┻

Nous n’avons rien appris du web

✅ Bouillie non sémantique

LES NUITS MEXICAINES
I
LAS CUMBRES
Nulle contrée au monde n'offre, aux regards éblouis des voyageurs, de plus charmants paysages que le Mexique; entre tous, celui de las Cumbres ou des cimes est sans contredit un des plus saisissants et des plus gracieusement accidentés.

✅ Dimensions figées

L’export d’un logiciel très utilisé

Ce livre

Tout ça pour…

Ce livre

✅ Fragmentation

✅ Technos propriétaires︎

✅ Livres conçus pour une seule plateforme

Mais bon, on a pas prévu qu’ils sortent la plateforme sur desktop et a uniquement prévu le mobile…

✅ Quelques specs un chouïa brutales

✅ IE 6

Adobe Reader Mobile SDK

eBook Dev ?

  • 2475 repos Github
  • 2 frameworks actifs
  • Contributions en mode « Où est Charlie ? »
  • Dev Tools et doc en mode « Do It Yourself »

Les choses qui pourraient vous intéresser…

¯\_(ツ)_/¯

CSS Multi-column Layout Module

Pour obtenir une double page, iBooks utilise les colonnes CSS

http://www.idpf.org/epub/31/spec/epub-contentdocs.html#sec-css-content-conf

Note

Keep in mind that some Reading Systems will not support all desired features of CSS. In particular, the following are known to be problematic:

  • Reading System-induced pagination can interact poorly with style sheets. Pagination is sometimes done using columns, which can result in incorrect values for viewport sizes. Fixed and absolute positioning are particularly problematic.
  • Some types of screens will not support animations and transitions.

Container Queries…

CSS Figures

Opera gérait une partie de cette spec, ce qui permettait de faire flotter les images en haut à droite avec un span de 2 colonnes

Opera Reader, fin 2011

@media -o-paged {
  html { 
    height: 100%;
    overflow: -o-paged-x;
  }
  article { 
    overflow: -o-paged-x-controls;
    columns: 25em;
  }
  figure {
    column-span: -o-integer(2);
    float: -o-top-corner;
  }
}

http://people.opera.com/howcome/2011/reader/

Liens utiles

Latin Text Layout and Pagination

Cette documentation couvre aussi la composition typographique, par exemple comment bien aligner une lettrine
  • Grilles
  • Regions 2.0
  • Ligne de base
  • OpenType features
  • Font Metric API (Houdini)

Liens utiles

Portable Web Publications

Le concept de base de cette spec, c’est de pouvoir créer un paquet pour archiver et lire hors-ligne.
  • Archivage
  • Inflexions sémantiques
  • Relations entre les ressources
  • Annotations
  • Réglages utilisateur

En parlant des réglages utilisateurs…

http://www.idpf.org/epub/31/spec/epub-contentdocs.html#sec-css-rs-overrides

4.5 Reading System Overrides

EPUB Reading Systems should apply Author style sheets as written to EPUB Content Documents. If a Reading System allows, Users should be able to override Author style sheets as desired. EPUB Reading Systems should not override Author style sheets unless strictly necessary.

If a Reading System has to override an Author style sheet, it should do so in a way that preserves the Cascade: through a user agent style sheet, the getOverrideStyle method [DOM2 Style], or [HTML] style attributes.

Developers of Reading Systems are strongly encouraged to publicly document their user agent style sheets and how they interact with Author style sheets.

De manière à préserver la cascade…

*, * *, *[class], *[class] *[class] {
  prop: value !important;
}

https://github.com/FriendsOfEpub/WillThatBeOverriden

Liens utiles

Des millions et des millions de PDF en ligne

(80 % des documents non HTML)

\,,/ (^_^) \,,/

Pour les documents, nous sommes très loin d’avoir fini le boulot.

Who’s who

Les gens à suivre…

Jiminy Panoz