pon css en tu vida! » framework http://blog.joanfernandez.es css, html, javascript, php y mucho mas... Wed, 15 Sep 2010 08:23:22 +0000 http://wordpress.org/?v=2.8 en hourly 1 Hartija. Framework CSS para imprimir. http://blog.joanfernandez.es/2009/06/hartija-framework-css-para-imprimir/ http://blog.joanfernandez.es/2009/06/hartija-framework-css-para-imprimir/#comments Tue, 02 Jun 2009 18:32:15 +0000 Joan http://blog.joanfernandez.es/?p=69 Que a estas alturas de la vida, todos utilizamos CSS para asignar los estilos en nuestra web, es sabido por todos. Lo que si podemos tener más olvidado, es crear una hoja de estilos para impresión.

Las hojas de estilo para impresión, no tienen ninguna diferencia a las tradicionales, salvo por cómo las llamamos en el HTML.

<!-- Hoja de estilos para web -->
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!-- Hoja de estilos para impresión -->
<link rel="stylesheet" href="print.css" type="text/css" media="print" />

Vladimir Carrer, del que ya hablé hace unos días cuando os comentaba el framework para css para mejorar la legibilidad de la web, resulta que también es autor de Hartija, un CSS que adapta las páginas para la impresión.

Hartija, que ya está funcionando en este blog (podeis comprobarlo previsualizando para impresión este post) tiene un funcionamiento bastante correcto. Elimina colores e imágenes de fondo, establece distintos tamaños de al texto dependiendo de su importancia (H1…H6), y quizás lo más importante, inserta automáticamente después de los enlaces la url de destino.

Con todo, creo que Hartija se va a convertir en otro de los indispensables para mis proyectos.

Descargar Hartija

Blog del autor | Vladimir Carrer

]]> http://blog.joanfernandez.es/2009/06/hartija-framework-css-para-imprimir/feed/ 0 Mejora la legibilidad de tu web con Better Web Readability http://blog.joanfernandez.es/2009/05/mejora-la-legibilidad-de-tu-web-con-better-web-readability/ http://blog.joanfernandez.es/2009/05/mejora-la-legibilidad-de-tu-web-con-better-web-readability/#comments Tue, 26 May 2009 12:55:40 +0000 Joan http://blog.joanfernandez.es/?p=4 Better Web Readability es un proyecto que intenta mejorar la legibilidad de la web a través de una librería CSS.

Alguna de sus caraterísticas a destacar:

  • Tamaño por defecto de la fuente: 16px;
  • Serif para encabezados, sans-serif para párrafos
  • Detaca la división entre párrafos (nueva línea e indentado del nuevo párrafo)
  • Mayor altura de línea
  • Contraste entre el color de fondo y de la tipografía suavizado.

También cabe destacar las recomendaciones del autor, como la de aumentar el contenido realmente importante de la página, e intentar reducir el ruido alrededor del texto (banners, enlaces, galerías, etc…). Algo muy recomendable cuando vamos a lidiar con textos largos y espesos, que en muchos casos, se hacen simplemente imposibles de leer.

El proyecto, alojado en Google Code, es obra de Vladimir Carrer.

]]> http://blog.joanfernandez.es/2009/05/mejora-la-legibilidad-de-tu-web-con-better-web-readability/feed/ 1