A capacidade do ePUB ser realmente multiplataforma é, sem
dúvida, a principal promessa do formato, ainda que essa não seja, nem de
longe, a realidade. Não seria interessante ter seus livros digitais
funcionando consistentemente em todos os programas de leitura, com bela
tipografia, conteúdo bem estruturado e legível? É, seria… mas por causa
da fragmentação de plataformas e do suporte irregular ao padrão, o que
acontece é que, na prática, é difícil manter um mínimo de consistência
na exibição do conteúdo, principalmente se ele é um pouco mais complexo
visualmente falando, com listas, quadros, tabelas, fontes personalizadas
e múltiplos estilos. É a “síndrome do cobertor curto”: estilos
complexos aplicados em uma plataforma “A” interferem na visualização do texto na plataforma “B”, e vice-versa.
Ainda
que isso esteja longe de ser resolvido, há um recurso muito útil do CSS
para lidar com esse problema e garantir que o seu livro matenha um
controle mínimo da apresentação do texto, ao menos nas plataformas
dominantes: as media queries. Para quem não sabe, as media queries, agora oficialmente recomendadas pelo W3C, são o coração do webdesign responsivo e regulam a aplicação de estilos CSS de acordo com as características do ambiente de apresentação do conteúdo (media types).
Assim, é possível ter estilos CSS que, por exemplo, só são aplicados ao
conteúdo quando este é impresso ou quando é visualizado em uma tela de
celular. A lista de aplicações é enorme e há até previsão para
utilização em TVs. Na demonstração abaixo, a media query significa: parágrafos exibidos em uma área de visualização (viewport) de, no mínimo, 1024px de largura (como a do iPad em formato paisagem) devem ter a cor vermelha:
@media screen and (min-width: 1024px) {
p { color: red; }
}
Podemos ativar as media queries dentro do CSS (exemplo acima) ou no próprio XHTML, como no exemplo a seguir:
<link rel="stylesheet" media="screen and (min-width: 1024px)" href="estilos.css" />
Uma media query referenciada na seção <head> do documento XHTML.
Mais informações: http://www.pagelab.com.br/2012/um-livro-multiplas-telas/
Nenhum comentário:
Postar um comentário