Inspirado en el mundo de la impresión, gente de Adobe y Microsoft vienen nuevas características que podrían (o quizás no) ser incluidas en futuras especificaciones CSS. Estas nuevas características – Regiones CSS y Exclusiones CSS - permitirán al texto fluir en las páginas web de manera muy parecida a como lo hacen en los diarios y revistas.
Recuerda que la idea del que el texto fluya en forma de columnas es otra propuesta del CSS3: Las Capas Multi-Columnas en CSS y la de páginas que imitan las revistas ya están en el módulo CSS3 Paged Media
Veamos algunos ejemplos que ADOBE ha implementado:
Hilos de Contenido usando formas y regiones CSS
El texto podría fluir fácilmente de una región a otra y nosotros podríamos escoger intercalar regiones o darles diferente ancho, alto y posiciones en la capa (ver figura siguiente)
Si puedes establecer regiones rectangulares, por que no hacerlo con formas a discreción del usuario?
El texto también fluye de una región (una figura en este caso) a otra.
La idea es súper estupenda y hemos esperado mucho por ellas, pero yo me pregunto sobre su usabilidad si pensamos en la manera en la que la gente lee contenido web versus texto impreso (eso podría cambiar la forma actual de lectura de abajo hacia arriba en forma de L que se ha observado con métodos de eye-tracking).
Exclusión de Contenido
La idea opuesta es excluir texto de una cierta región o regiones. (rectangulares o figuras personalizadas)
Posibles implementaciones en el mundo real
Adobe ha mostrado ejemplos más complejos (que funcionan en su propia versión de navegadores basados en WebKit debido a que estas características son aún un borrador y altamente experimentales).
El texto puede fluir en áreas con formas personalizadas y nos permitirá crear gráficos accesibles con CSS con complejas capas que involucren imágenes y textos que se comportarán bien en dispositivos con diferentes tamaños de pantalla y resoluciones.
