All posts in CSS

¿Así que querías saber (casi todo) de CSS?

Using CSS Variables

magen vista en wikipediaIt is very common to find repeated property values in a CSS stylesheet. CSS Variables allow authors to define variables that are reusable as property values anywhere in a stylesheet and queryable/modifiable through an extension of the CSS Object Model.
CSS Variables can define stylesheet-wide values identified by a token and usable in all CSS declarations. A recurring value, like colors or background-color in a stylesheet, will be way easier to update across the stylesheet if a developer has to modify at just one single place or value instead of modifying all style rules applying the property:value pair.
CSS Variables, once implemented, will allow authors to define variables that are reusable as property values anywhere in a stylesheet and queryable/modifiable through an extension of the CSS Object Model.
Majority of the Web Designers and Developers has been requesting a way of defining CSS Variables since its early release. Nonetheless, some are of the opinion that it is not needed and will complicate matters.
Why variables in CSS?

Continue reading →

CSS RESET – ACTUALIZACIÓN FEB08

http://meyerweb.com/eric/tools/css/reset/reset.css

Continue reading →

Nostálgicos de las tablas

¿Cómo imitar el comportamiento de las tablas cuando los altos de las divs se resisten? .
Visto en slashdot.:
Consiste en declarar las propiedades de display como “table” para el body, de “table-row” para los elementos que abarcan toda la amplitud del body, y “table-cell” para los que sólo ocupan una parte.
Por lo que dice, parece que esto además obliga a cada div a ocupar el 100% de la altura que ocupa la “fila” a la que pertenecen (creo que hace falta poner un “table-row” para saltar una fila). Hab´ra que probarlo, es posible que en IE no funcione. Pero eso tampoco sería ninguna sorpresa.

body {
display: table;
width: 100%;
}
#header, #footer {
display: table-row;
}
#foo, #bar, #baz {
display: table-cell;
width: 33.3%;
}

//primera fila, 1 celda

//segunda fila, 3 celdas

//tercera fila, 1 celda

Discusión original:
http://ask.slashdot.org/article.pl?sid=06/06/10/2337223
Comentario referido:
http://ask.slashdot.org/comments.pl?sid=188125&cid=15512090

Desarrollo accesible: las herramientas imprescindibles

Mozilla

Web Developer Extension . Lo mejor en mucho tiempo: es una barra de herramientas que permite deshabilitar javascript , hojas de estilo, imágenes…ver el cógido… tiene servicio de validación de CSS, (X)HTML, accesibilidad… Su autor es Chris Pederik y es justo que mires lo que dice él mismo sobre todas las funcionalidades de su Web Developer Extension …..

Continue reading →

Asegurar el logotipo

Una alternativa eficaz para mostar un logotipo y imromirlo en buena resolucion incluso. Hack para asegurar que codigo semanticamente correcto en los sitios que tienen desactivada la visualizaci

CSS para imprimir //

CSS for print : properties, descriptions, values en W3C ref

Continue reading →

216 colores

De vuelta al bloc de notas, que es c

CSS: Experimentos, trucos, utilidades …

Imaginaci