Fran Ontanaya » edición digital

CSS: Texto líquido sobre una imagen con tamaño variable

Fran Ontanaya — Mon, 25 Jul 2011 17:14:28 +0000

Recientemente estuve considerando varias técnicas para mostrar gráficas en libros EPUB con la mejor calidad posible. Casi todas son inviables debido a la falta de soporte, incluyendo las que serían ideales: SVG o lienzos HTML5. Pero lo que más lamenté fue descartar una de mis dos soluciones que usaban solo CSS.

El problema general a resolver es tener una gráfica que se ajusta a la anchura de página (width: 100%) con la mejor calidad de imagen posible. La mayoría de los libros electrónicos en circulación en 2011 no utilizan un algoritmo de interpolación; cuando el tamaño de la imagen es distinto al tamaño de página se limitan a duplicar o suprimir filas/columnas de píxeles. Esto hace que el texto incluido en la imagen sea más difícil de leer, sobre todo si el tamaño de texto es pequeño y el tamaño de página es inferior al de la imagen:

La solución que quería implementar requiere CSS3 y soporte para position: absolute. Por desgracia, el estándar EPUB para el que están preparados los ereaders en circulación no incluye CSS3 y muchos ignoran también el posicionamiento absoluto.

El truco consiste en colocar la imagen sin texto dentro de un div (cuyo tamaño se ajustará al de la imagen) y posicionar el texto de forma absoluta dentro del div usando porcentajes. Para ajustar el tamaño del texto empleamos media queries con el argumento min-width:

.figura {
   width: 100%;
   position: relative;
}
.figura img {
   width: 100%;
}
.figura .dato {
   position: absolute;
   font-size: 11px;
}
@media (min-width: 601px) {
   .figura .dato { font-size: 13px; }
}
@media (min-width: 701px) {
   .figura .dato { font-size: 14px; }
}
@media (min-width: 801px) {
   .figura .dato { font-size: 15px; }
}
@media (min-width: 901px) {
   .figura .dato { font-size: 16px; }
}
@media (min-width: 1025px) {
   .figura .dato { font-size: 17px; }
}

Para el código de ejemplo he puesto los datos en divs, pero se podrían usar listas u otras etiquetas más semánticas.

En teoría, al usar CSS3 deberíamos poder usar la imagen como fondo para el div del envoltorio. En la práctica el soporte para CSS3 suele ser incompleto, por lo que podemos disponer de min-width para las media queries y no de imágenes de fondo escalables.

42 predicciones sobre el libro en 2010

Fran Ontanaya — Fri, 08 Jan 2010 15:20:17 +0000

George Walkley ha compilado una tabla con las predicciones de varios blogueros destacados del mundo del libro y me ha apetecido hacer mis propios vaticinios. El año pasado ya conseguí anticiparme a Kickstarter y Book View Café.

1. El contenido enriquecido será importante

No. Todos los sectores estarán demasiado ocupados con los cambios de este año como para embarcarse en la producción de libros dinámicos.

2. Las editoriales ignorarán el contenido enriquecido

Sí. El coste de la producción crece más rápido que los ingresos cuando se añade contenidos extra.

3. Habrá más integración de los ebooks con otros productos y servicios

No. El mercado del ebook todavía se está asentando y aún no tenemos un dispositivo único.

4. Las editoriales estarán confundidas sobre qué es el producto que producen

No. Estarán confundidas sobre el valor de lo que venden.

5. Cambios en la forma, como ebooks más breves

Sí. La brevedad es una virtud en la red. Veremos más novelas cortas y series por episodios.

6. Los dispositivos dedicados perderán inercia en favor de los multifuncionales

Sí. La distinción entre libro y web está destinada a desaparecer.

7. Proliferarán los dispositivos dedicados

No. Los desarrolladores se limitarán a sacar algunas iteraciones más de e-ink y esperarán hasta saber qué forma toman los ereaders 2.0.

8. Nuevos puntos de venta físicos para los libros

No. Aunque los libros impresos llegarán a venderse en las tiendas de decoración, de souvenirs y de coleccionismo, la industria para fabricarlos aún no arrancará en 2010.

9. El formato digital presionará a las cadenas de librerías físicas

Sí. Las librerías tendrán que olvidarse del libro ordinario y concentrarse en los fetiches.

10. Los libreros independientes pueden prosperar, pero tendrán que especializarse

Sí. Hay sitio todavía para las tiendas de libros antiguos, libros de coleccionista y restauración de libros. Pero incluso los libros infantiles y de arte acabarán teniendo dispositivos dedicados.

11. Los libros digitales requerirán nuevos registros industriales

Sí. Tarde o temprano se impondrá un estándar basado en cadenas hash.

12. Se hará necesario un estándar para publicar las cifras de ventas digitales

No. Hasta que no estén todos los canales de publicación alineados no empezarán a comparar cifras.

13. Los libros digitales se convertirán en una parte sustancial de los ingresos para muchos títulos.

Sí. Puede que la gente se abstenga de comprar papel mientras se decide a adquirir un libro electrónico.

14. Se fortalecerá el estándar ePUB

Sí. Aunque en el futuro será sustituido por documentos HTML 5 enlazados a hojas de metadatos.

15. Los precios bajos para el consumidor serán vistos como la norma

Sí. Desaparece el gran bocado de las librerías y muchos gastos de tirada y de distribución. Además el mercado tolerará una gran mortalidad infantil de obras fallidas por falta de edición.

16. Mayor experimentación con el precio y nuevos modelos comerciales

Sí. Sobre todo, veremos más creadores usando el modelo Kickstarter. En España aún tendremos que esperar.

17. Los canales para comercializar libros digitales proliferarán

Sí. En 2010 las telecos los incluirán en su facturación móvil. A largo plazo sólo quedarán unos pocos vencedores claros.

18. Las editoriales centrarán sus propiedades y ofertas en sus puntos fuertes

Sí. Muchas de las pequeñas ramas de negocio serán abandonadas o absorbidas para producir best-sellers y libros de celebridades.

19. Las editoriales intentarán crear relaciones directas con el consumidor

No. La filosofía necesaria no está. Los editores carismáticos fueron sustituidos en su día por jefes de ventas.

20. Tendencia hacia los libros de lujo como contrapartida a los ebooks

Sí. Llamadlo el “ejemplo Warhammer”. En 2010 serán sobre todo ediciones ómnibus. Después, conforme los talleres de edición vayan proliferando, llegarán las ediciones de lujo limitadas y dedicadas.

21. Los pequeños editores prosperarán

No. El pequeño editor irá cediendo el lugar a los grupos de creadores.

22. Crecerá la autopublicación

Sí. Las condiciones económicas son inigualables. Los autores noveles serán preseleccionados por las redes sociales.

23. Las grandes editoriales harán recortes y/o absorciones

Sí. Las grandes editoriales intentarán concentrar su publicidad en la marca principal.

24. Las editoriales reducirán el número de títulos

Sí. Sobre todo debido al abandono del fondo editorial.

25. Aumentará el negocio de archivos educativos y científicos

Sí. Los usuarios atribuyen utilidad a los documentos científicos y ponen el máximo nivel de exigencia en su correcto mantenimiento, actualización, clasificación y formateado.

26. Nuevos modelos de adquisiciones y avances

No. Cualquier obra que no se pueda adquirir como hasta ahora se publicará por canales completamente distintos.

27. Todos los formatos se publicarán en un evento único

Sí. Sólo los autores noveles y minoritarios aplazarán el audiolibro o la tirada impresa.

28. Los consumidores demandarán la publicación simultánea

Sí. El libro de coleccionista tiene que estar disponible al mismo tiempo que el digital para aprovechar la oportunidad.

29. Los consumidores tendrán más poder

Sí. Cada vez controlarán más la publicidad del libro a través de sus opiniones y, más adelante, incluso la producción.

30. La información sobre la gestión de los derechos será cada vez más importante

Sí. Este año aún veremos toda clase de complicados modelos privativos. A la larga los contratos entre las partes serán mucho más simples.

31. Los derechos regionales estarán bajo presión creciente

Sí. Nada impide a una editorial en Micronesia encargar 200 traducciones y vender un libro en todo el mundo.

32. Google lo cambiará todo

Sí. En 2010 el asunto Google Books se resolverá de un modo u otro y empezarán a aprovechar que el primer instinto de los lectores es buscar los libros en Google. En España será aún más acusado después de que la escasez de contenidos haya entrenado al público a actuar de ese modo.

33. Apple lo cambiará todo

Sí. En cuanto debuten un dispositivo con forma de libro electrónico el mercado del libro digital crecerá de golpe con varios millones de usuarios.

34. Los autores dueños de plataformas propias con éxito empezarán a actuar como editores

Sí. El futuro son los grupos de creadores.

35. La carrera de los autores tendrá que gestionarse de forma continua, no sólo en torno a la publicación

Sí. Sin una presencia constante es fácil perder la atención de la gente, sobre todo si el autor no es de los que revolucionan la literatura cada dos años.

36. El factor demográfico se inclinará en favor de los lectores jóvenes

No. Los libros electrónicos son un gadget bastante sencillo para todas las generaciones. Por otro lado, las alternativas de ocio son cada vez más abundantes para los jóvenes. Además, la ficción tiene que renovarse para reflejar las nuevas formas de diálogo e interacción.

37. Las bibliotecas necesitarán encontrar una función digital

Sí. El futuro de las bibliotecas es rescatar y catalogar la información que se produce en formatos distintos al libro.

38. Los editores se dan cuenta de que las bibliotecas son una amenaza

Sí. Será interesante ver el impacto que sufrirá este año el fondo de catálogo.

39. Los gremios y sociedades de gestión pugnarán para continuar siendo relevantes

Sí. Cada vez es más difícil que un creador esté excluido del mercado. Además es demasiado arriesgado comprometer la imagen a los vaivenes de organizaciones tan heterogéneas.

40. La nube desafiará nuestras nociones de propiedad

Sí. Poco a poco empezará a hacerse evidente que la información publicada es pública. La capitalización de los contenidos se centrará en la fase previa a la publicación.

41. Habrá conflictos entre las partes en la cadena de valor

Sí. Los libreros todavía tienen mucho poder, pero los editores saben que pronto tendrán mucho menos. Por otro lado, los editores, que cada vez trabajan menos en la promoción y cada vez cargan más al agente con las labores de corrección, tendrán que renovar la confianza de los autores si no quieren que los abandonen.

42. Incremento de la contratación exterior para la edición y la producción de contenidos

Sí. Cuando las viejas grandes editoriales se den cuenta de que cualquier editorial en India o en China puede competir con ellas tendrán que unirse al enemigo o morir.

Cómo crear un ePub a mano

Fran Ontanaya — Thu, 09 Jul 2009 18:36:45 +0000

Kiermel nos dice: «Ya hay un software con el que puedes crear un EPUB de forma visual WYSIWYG. Se llama Sigil y tiene licencia de Fuente Abierta GPLv3: http://code.google.com/p/sigil/». Podéis leer un minitutorial ilustrado sobre cómo usar Sigil aquí.

Lo que sigue son instrucciones técnicas sobre el formato EPUB. La mayor parte de la información procede de aquí y de aquí.

—

Los documentos EPUB no son más que HTML, CSS, metadatos e imágenes empaquetados en un zip. Si uno abre el archivo con un gestor de archivadores puede extraer los contenidos sin más (si no llevan DRM). Sin embargo, los documentos que generan algunos conversores automáticos no validan con epubcheck y están llenos de marcas de estilo inútiles. En ocasiones nos puede interesar saber cómo manipular directamente un archivo EPUB sin utilizar asistentes.

1. Requisitos

Conocer HTML.
Conocer CSS.

2. Herramientas

Un editor de textos sencillo, mejor si resalta las palabras clave de CSS y HTML.
Usuarios de Windows: un compresor avanzado de archivos zip.
Una plantilla. Cualquier EPUB sin DRM que sepamos que funciona puede servir.
Opcional: GIMP, Photoshop, etc. para editar imágenes.
Opcional: epubcheck (requiere Java). También se pueden validar los EPUBs en línea aquí.
Un libro electrónico o software para comprobar el resultado.

3. Preparación

Para acceder a los contenidos de un documento en formato EPUB que vayamos a editar o a usar como plantilla para crear uno nuevo sólo tenemos que descomprimirlo.

La carpeta de trabajo debería contener:

mimetype: es un archivo de texto sin extensión que debe contener «application/epub+zip», sin comillas.
META-INF: carpeta.
OEBPS: carpeta.

Dentro de META-INF:

container.xml: es el archivo que indica dónde está el contenido en sí. Es la línea en la que pone «full-path=“OEBPS/content.opf”». Normalmente no necesitaremos cambiarlo.

Dentro de OEBPS:

content.opf: contiene los metadatos, el manifiesto (la declaración de lo que contiene) de nuestro documento y el orden de presentación. Si no vamos a cambiar nada en la plantilla no tendremos que hacer mucho aparte de editar los datos y el número de capítulos.

La línea «dc:identifier» es el identificador único. Detrás de “urn:uuid:” podemos poner el ISBN o cualquier otro número que nos convenga.

En «dc:language» figura el indicador de idioma. Para el español es «es». Para el español de España es «es-es», para el de Argentina «es-ar», etc.

En la sección «manifest» se listan los archivos que forman parte del libro en sí:
...

El orden no importa. Cada capítulo debería ir en un archivo separado, por ejemplo “Section0001.xhtml” “Section0002.xhtml”, etc., y los tenemos que listar aquí, junto con cualquier otra sección que queramos añadir.

El atributo «id» que de cada archivo se usa para ordenar los contenidos en la sección «spine»:
...

En el tag que abre la sección se indica el id de la tabla de contenidos (TOC).
toc.ncx: este es el índice. El encoding debería ser «utf-8». En el metadato «dtb:uid» se indica la id que habíamos elegido. «dtb:depth» indica el número de niveles del índice. En teoría «dtb:totalPageCount» y «dtb:maxPageNumber» son requeridos pero no hace falta ponerles un valor para que valide el EPUB.
A continuación viene la estructura del índice. En los tags «navpoint» se indican los mismos id que aparecen en content.opf para cada archivo. Los valores para «playorder» tienen que estar en orden y sin saltos de numeración.
stylesheet.css: La hoja de estilos. En un libro ordinario no serán necesario ser muy específicos con los formatos. Es mejor que los controle la aplicación del usuario.
cover.xhtml, titlepage.xhtml, copyright.xhtml, Section0001.xhtml, legal.xhtml…: Esto son las secciones del libro en formato XHTML. Se pueden crear tantas como se desee para poder acceder a cada sección desde el índice.
images: carpeta. Contiene las imágenes que acompañan al texto, incluida la cubierta. Probablemente los lectores de ebooks esperen que el archivo se llame “cover.jpg” o “cover.png”. No hay normas sobre el tamaño adecuado. Cuanto mayor sea la imagen mejor calidad tendrá en lectores de cierto tamaño, pero también aumentará de forma desproporcionada el tamaño del archivo.

4. Empaquetado

Para empaquetar de nuevo el libro, el archivo «mimetype» tiene que ir primero y sin compresión. En Linux o en Mac sólo tenemos que ir a la carpeta de trabajo en una terminal y escribir:

zip -v0X miebook mimetype zip -vr miebook * -x miebook.zip mimetype mv miebook.zip miebook.epub

Por último, deberíamos validar el archivo. Si hemos bajado epubcheck, vamos a la terminal y escribimos:

java -jar epubcheck.jar "miebook.epub"

El programa nos indicará si ha encontrado algún error y qué tipo de error es.