Posts en la categoría 'css'

se acerca IE 7

Acaba de ser publicada la beta 1 de Internet Explorer 7. Aún no hemos podido verla por aquí, porque está sólo disponible para suscriptores de MSDN, pero estamos intentándo conseguirla :)

La buena noticia es la espectacular mejoría en el soporte de los estándares. Ciertamente no van a hacer nada del otro mundo, unicamente van a conseguir acercarse a sus competidores (lease safari, mozilla y opera) “tan sólo” un par de años depués, pero es un avance.

La lista de mejoras que han publicado en el blog del equipo de desarrollo de IE 7 nos deja soñar con que pronto podremos comenzar a emplear estupendos selectores adyacentes, descendentes, de atributo (yujuuuu! no más “input.boton”), etc. Al mismo tiempo los diseñadores adictos a las sombras semitransparentes en preciosas cajas redondeadas podrán dar rienda suelta a su creatividad sin chocarse de frente con la falta de soporte de PNG’s transparentes. Además multitud de bugs serán corregidos y, si tenemos en cuenta que la aparición de IE 7 será el fin de IE 5 y 5.5, el efecto será doblemente positivo.

Todo apunta a que en pocos meses tendremos un panorama donde el peor de los navegadores será IE 6 (que no está tan mal y además sus fallos son muy conocidos).

Esperemos que no se haga mucho de esperar.

mosaico de páginas hechas con CSS

Via stopdesign he encontrado un recurso bastante útil:

Un mosaico con las 144 páginas web hechas con CSS que ha recopilado CSSVault de marzo a julio de este año.

Y lo mejor es que Steve Smith se ha dado la paliza de hacer del mosaico un mapa de imágen, así que se puede hechar un vistazo a todas las páginas y hacer click sobre cualquiera para visitarla. Maravillas del hipertexto….

firmas css

Las firmas css es una idea que se le ocurrió a Eric Meyer hace ya un par de añitos que consiste en ponerle un id a la etiqueta body, tal que así:

<body id=”www-avidos-net-blogold”>

para permitir que cualquiera pueda, mediante hojas de estilo de usuario, cambiar el aspecto de nuestra página, sin afectar el aspecto de los demás sitios web.

Lo explico un poco más: las hojas de estilo pueden tener tres orígenes:

  1. de autor: las que define el diseñador web
  2. de usuario: como usuarios, podemos definir una hoja de estilos que pisaría la hoja de estilos de autor, y definiría el aspecto de cualquier página que vieramos
  3. de agente de usuario (navegador): es la hoja de estilos que cada navegador tiene por defecto y que definien, por ejemplo, que los enlaces sean azules y los h1 tengan un determinado tamaño de texto.

El hecho de que el CSS sean en cascada permite definir un peso a cada hoja de estilos, de forma que cuando se llama a varias hojas, se aplique la que tenga mayor peso.

Por defecto, la hoja de estilos que más peso tiene es la de autor. Pero si definimos algo en esta hoja de estilos (por ejemplo, que el color de los enlaces sea rojo), se aplicará a todas las páginas por las que naveguemos.

Esto es muy útil de cara a la accesibilidad, pues nos permite definir el tamaño de letra (más grande) y el color (con más contraste) de cualquier página que visitemos.

Pero si sólo queremos cambiar el aspecto de una página en concreto, podemos hacerlo si el autor nos lo ha permitido con una firma CSS. Porque, mediante selectores descendientes, podriamos definir el aspecto de esa página en concreto.

Así que… marchando un id para el body de blogold!

Sobre blogold

blogold era un blog sobre desarrollo y estándares web, diseño gráfico, usabilidad, new media y ciberespacio.


Otros blogs de ávidos

ring
blog sobre desarrollo y usabilidad web para dispositivos móviles.
detalles
blog sobre diseño gráfico, ilustración, motion graphics y street art.
blog
noticias sobre los últimos movimientos y proyectos de ávidos.