All posts in CSS
Using CSS Variables
It 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?
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
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
216 colores
De vuelta al bloc de notas, que es c
CSS: Experimentos, trucos, utilidades …
Imaginaci
