Los medios de CSS

Comentarios: 0
Tags: ,
Fecha: 29/11/2007

KilianValkhof.com, a raíz de un proyecto que tuvo que desarrollar su autor, ha publicado un artículo acerca de los tipos de medio de CSS. Los medios de CSS permiten indicar diferentes reglas para diferentes medios o dispositivos: pantalla, impresora, móviles, proyector, etc. Todos conocemos el media="print", pero hay muchos más. En concreto, ahora mismo, se definen 10 tipos en la especificación CSS 2. Aunque en el futuro es muy probable que el número crezca.

  • all (Todos): Apto para todos los dispositivos.
  • aural (Fonética): Destinados a los sintetizadores de voz.
  • braille (Braille):Destinados a la retroalimentación táctil dispositivos Braille.
  • embossed (En relieve):  Una ligera variación de Braille, al parecer,  es para impresoras Braille, y por lo tanto, ofrece paginación.
  • handheld (De mano): Para usar en su teléfono móvil u otros dispositivos de mano.
  • print (Imprimir): Presentaciones de documentos destinados a la impresión.
  • projection (Proyección): documentos destinados a la proyección, por ejemplo, proyectores de transparencias o impresoras de transparencias. Ofrece paginación.
  • screen (Pantalla): la más conocida, la que siempre usamos cuando trabajamos para las pantallas de ordenador.
  • TTY: Destinados a los medios de comunicación a través de una instalación de visualización tipo parrilla, como teletipos, terminales, o dispositivos portátiles con capacidades limitadas de pantalla.
  • TV: Destinado a dispositivos tipo televisión.

El tipo o tipos de medio al que va dirigida una hoja de estilo puede especificarse en el atributo media en los elementos link o style (separados por comas en el caso de ser más de uno):

<link href="pantalla.css" media="screen" type="text/css" rel="StyleSheet" />
<style media="screen,print" type="text/css"></style>

También definidos con las reglas de tipo @media

@media print {
     h2 { page-break-after:avoid; }
}

o definidos con las reglas de tipo @import

@import url("estilos_basicos.css") screen;
@import url("estilos_impresora.css") print;

Más información acerca del tema en W3.org

Algunas entradas relacionadas:

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados.

Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web o deseas contactar conmigo lo puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com

El hombre nunca sabe de lo que es capaz hasta que lo intenta.Dickens, Charles
Pixer.us

Pixer.us es un servicio web que nos ofrece opciones sencillas de edición de imágenes, como modificar el tamaño o recortarlas. También podremos añadirle unos cuantos efectos básicos. Para utilizar este servicio tan sólo tenemos que subir nuestra imágen haciendo click en el botón de “Examinar” y luego en el de “Upload & Edit”. Una vez hemos realizado las modificaciones tendremos la opción de guardar la imagen en alguno de los siguientes formatos: JPEG, GIF, BMP o PNG.

7 Poderosos carruseles de imágenes para diseñadores

Este post es una colección de algunos de los mejores carruseles de imágenes y contenido que podemos utilizar para nuestros proyectos web. El listado incluye Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) y un tutorial acerca de cómo implementar un carrusel como los de Flickr utilizando Prototype-UI.

Listado de editores de PHP

Listado que aglutina la mayoría de editores de PHP que existen en la actualidad. El listado está dividido en editores gratuitos -con una subdivisión por sistema operativo- y editores comerciales. Interesante enlace.

50 lecciones acerca de teoría del diseño

Desde Psdtuts+ nos ofrecen 50 lecciones acerca de teoría del diseño gráfico. Si bien muchas veces nos enfocamos en el cómo de las cosas, cómo conseguir un efecto, cómo realizar una retícula en css,... también resulta muy importante entender el "por qué". Lecciones acerca de tipografía, psicología del color, composición, etc. Las lecciones están en inglés.

BonkEnc extrae, codifica y convierte archivos de audio

BonkEnc es una utilidad para extraer las pistas de audio de los CDs, codificar y convertir los archivos de audio a múltiples formatos. Es capaz de generar archivos en formato MP3, MP4 /M4A, Ogg Vorbis, AAC, y FLAC. Y dispone de su propio códec de sonido, Bonk. Además es compatible con CDDB (Compact Disc Database) y CDText

Times Reader: el New York Times en Adobe AIR

El prestigioso New York Times ha lanzado una aplicación, llamada Times Reader, basada en Adobe AIR, que permite leer las noticias de un modo más parecido a lo que sería un periódico en papel. Parece que la crisis de los medios escritos hace que se abran a nuevos modelos de negocio.

Appetizer

Appetizer es una aplicación gratuita para Windows que funciona como lanzador de aplicaciones. Permite organizar los accesos directos y carpetas que más a menudo utilizemos en una cómoda barra o "dock" . Entre sus características cabe destacar que tiene soporte para plugins; para pieles; teclas de acceso rápido; apoyo a iconos personalizados; etc. También es muy interesante mencionar que el programa posee una versión portable del mismo.

How To Create A Great Web Design CV and Resume?

Aprovechando que están cayendo chuzos de punta en el mundo laboral, en Smashing Magazine se han marcado un muy interesante artículo sobre como crear un buen currículum vitae.

13 trucos para Google Reader

Una interesante recopilación de recursos y recetas para sacar un mayor partido a Google Reader: atajos de teclado, uso de filtros, utilizar las notas,...