Niquelao - CSS

…te desvelaré el final de Perdidos sólo con CSS. Si utilizas otro, habrás de esperar a la siguiente temporada…

Si utilizas Safari o Chrome…

Una de las novedades que introduce CSS 3 (y que por mi parte es bienvenida) es la posibilidad de incluir múltiples imágenes de fondo para un mismo elemento (http://www.w3.org/TR/css3-background/#layering).

Hasta el momento, si queríamos combinar más de una imagen como fondo, lo único que podíamos hacer era utilizar alguno de los elementos que teníamos en nuestra página, aplicando un fondo a cada uno para obtener el resultado deseado. Incluso en ocasiones, utilizábamos marcado extra, disminuyendo la calidad de la web al añadir marcado con fines únicamente presentacionales.

Pero ahora la cosa cambia… Leer el resto de la entrada »

Multiples imágenes de fondo con CSS 3

Hace unos días estuve en Zaragoza impartiendo un curso sobre CSS avanzado (incluido en el catálogo de cursos de CTIC). Como es lógico, y especialmente por tratarse de un curso sobre hojas de estilo y técnicas avanzadas, preparé la presentación en rumoslide (como el 95% de los usuarios lo llaman así, al final se quedará con ese nombre). Leer el resto de la entrada »

Estilando el curso de CSS Avanzado

Recientemente hemos recibido una grata sorpresa al ver que la web del W3C ha modificado su diseño. Y digo grata sorpresa porque el nuevo diseño resulta más elegante y actual que el anterior. El conjunto de estilos incluye una gama cromática más sencilla, pero sensiblemente menos estridente y más eficaz.

Leer el resto de la entrada »

Pequeña sugerencia de diseño: coherencia

Pues si, todo parecía ir bien en la ponencia que Bert Bos nos ofreció en Fundamentos Web 2007. Pero de repente, lo dijo, planteó que como prioridad para el siguiente nivel de CSS (nuestras muy amadas, queridas y respetadas CSS) estaría el comportamiento de los enlaces en lo que se refiere al lugar donde aparecerá el recurso al que apuntan.

Algunos no le dieron más importancia que la que tiene dentro del propio contexto. Sin embargo, otros empezamos a darle vueltas a lo que a primera vista era algo que no podíamos comprender: ¿vamos a retroceder y volver a mezclar lo que entendemos por presentación con lo que entendemos por comportamiento?

Leer el resto de la entrada »

Presentación vs Comportamiento

Este artículo lo voy a comenzar a la inversa. No es que me proponga escribirlo de espaldas sino que voy a comenzar citando (blockquote-ando) el consejo con el que lo concluiré:

Salvo que seamos originales y queramos mostrar ese recuadro generado por el campo oculto (“casi oculto”), la solución es simple. Le aplicamos “display: none” y arreglado. Mi consejo es que no se traten de marcar los campos ocultos con una clase para luego aplicarle la propiedad que acabo de escribir. En su lugar se puede aprovechar el que Firefox entiende e interpreta los selectores de atributos:

[css]input[type=hidden] { display: none; }[/css]

Leer el resto de la entrada »

Yo también lo he visto…

Se hace raro descubrir un bug de este tipo, es decir, una puta chorrada que, o bien no tienes nada que hacer o es la casualidad más casual la que hace que te des cuenta. Y además, que sea tarde. Ya se ha escrito sobre lo mismo hace más de un año en Maxgeek, Satzansatz y seguramente algún otro por ahí.

Leer el resto de la entrada »

Problemas de espacio y pseudo-elementos

Cuando se pretende estructurar el contenido de un documento web, se debe evitar por todos los medios el tener presente cual va a ser el diseño visual, y en especial el layout. Esto es fundamental si se quiere conseguir un contenido estructurado de forma correcta desde el punto de vista del flujo de la información, así como un marcado semántico y un código óptimo. Para la consecución de este objetivo se ha de utilizar como premisa indiscutible el uso de los estándares del W3C, evitando el marcado extra cuya finalidad sea servir a la hoja de estilos para presentación.

Leer el resto de la entrada »

Layout a tres columnas y marcado… "el justo"