Il futuro di EPUB3
Nel mondo dell’editoria digitale niente è per sempre. È notizia di questi giorni che il matrimonio tra IDPF e W3C sta per consumarsi. Si tratta di un passaggio di una certa importanza: IDPF è l’organismo che sta dietro alle specifiche di EPUB, il W3C è il papà del web. Il matrimonio non solo fa emergere una relazione che c’è sempre stata (un ebook è molto più simile a un sito web che a un libro di carta), ma sottolinea le future linee di sviluppo dell’editoria digitale che vivranno in ambienti in continua evoluzione, non soltanto come pacchetti book-like, ma anche come cose ad accesso cloud, liquido e web.
E non è un caso che la notizia dell’unione con w3c si accompagni al rilascio delle specifiche draft di EPUB3.1 (che avevo già anticipato un po’ di tempo fa). Molti cambiamenti sotto al cofano dell’EPUB3, di cui bisognerà studiare con calma le intenzioni, le applicazioni, il supporto.
Alcune cose saltano comunque all’occhio: aumentano (con judicio) le risorse che possono essere fuori dal pacchetto EPUB3, si accrescono le specifiche per l’accessibilità e si rafforzano i legami con HTML5 e SVG. Da ora in poi sarà implicitamente assorbita in EPUB3 ogni nuovo assestamento di queste due colonne XML.
Risulta meno chiaro cosa succederà a una serie di specifiche in lavorazione o già finite, che afferiscono a EPUB3 senza far parte del cuore: Open Annotation, indici, dizionari e glossari, layout multipli. Si tratta di specifiche in lavoro da un paio di anni e che non mi pare facciano parte di quelle di EPUB3.1
Che dire: sarà un 2017 molto stressante interessante.
Buongiorno.
Ho letto con interesse il post, se non altro perché sono schierato per l’uso della grafica vettoriale scalabile integrata in HTML5. Il mio eBook “Viola Supernova” è il primo (se ancora unico non so) EPUB3 totalmente illustrato da immagini con estensione SVG eseguibile da app (ad oggi solo ASTRI-Bee e Gitden Reader) per Android OS, grazie ad un CSS trick. Spero che le righe che seguono possano essere d’aiuto a chi volesse inserire grafica vettoriale nel suo EPUB3, in attesa che il matrimonio tra HTML5 e SVG venga consumato
Variando la finestra del browser, l’immagine raster si adatta alle nuove dimensioni mantenendo l’aspect-ratio. Le immagini vettoriali con estensione SVG non si comportano allo stesso modo. A seconda di com’è impostato l’attributo “preserveAspectRatio” compaiono bande bianche sopra e/o sotto l’immagine. Il trick consente di rendere il file SVG responsive. Il primo passaggio consiste nell’inserire il file all’interno di un contenitore:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla tempor sapien at nisl suscipit vulputate.
La proprietà “padding-bottom” definisce la distanza tra il lato inferiore dell’immagine .svg e l’elemento che segue (il paragrafo). Essa è espressa in percentuale in quanto calcolata a partire dal bordo superiore del container.
.svg-container{
position: relative;
width: 100%;
}
.svg-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Gli attributi position:absolute; top:0; left:0 permettono di togliere l’immagine dal flow di default e posizionarlo in relazione al container. Il CSS trick consiste nel mettere l’attributo “padding-bottom” nel container. Lo scopo è tarare la distanza (padding-bottom) tra gli elementi; in questo caso image.svg e il paragrafo .
Cordiali saluti.