CSS orientado a objetos
Un concepto que no conocía, CSS orientado a objetos: Object Oriented CSS. Lo explican en An Introduction To Object Oriented CSS (OOCSS).
Tag: CSS
Biblioteca de font stacks
Una font stack o font list es una lista de fuentes o tipos de letra en una declaración CSS. En esta lista, los tipos de letra se escriben por orden de preferencia de uso. De esta forma, se puede controlar …
SPA CSS Framework
SPA CSS Framework es un “marco de trabajo CSS” para CSS similar a 960.gs o Bootstrap. Pero tiene de especial que están desarrollado en Argentina y está íntegramente en español. Incluye la típica rejilla, diseños para botones, diseños para marcos …
Contenido generado con CSS
El contenido generado con CSS es bastante desconocido por muchos desarrolladores web. La razón es bien sencilla: hasta hace poco, había algunos navegadores que no soportaban totalmente las propiedades de CSS :before, :after, content, counter-reset y counter-increment, por lo que …
Definición de listas con CSS
¿Cómo se enumera una lista ordenada? ¿Con las letras a, b, c, …? ¿Con los números 1, 2, 3, …? Depende, depende de la cultura de cada país. El W3C acaba de publicar el borrado Predefined Counter Styles, en el …
Cómo modificar Bootstrap
Muy interesante el artículo How to modify Bootstrap simply and effectively, que muestra diferentes modificaciones del Bootstrap básico.
Los 30 selectores de CSS que debes memorizar
The 30 CSS Selectors you Must Memorize, un buen artículo que resume los 30 selectores de CSS más importantes que cualquier desarrollador web debe conocer. Para cada selector se indica la compatibilidad con los navegadores más populares. Me ha sorprendido …
La divitis no ha sido erradicada
Hace tiempo que escribí sobre este tema, Divitis: abuso de div y span. Desgraciadamente, es una enfermedad que no ha sido erradicada y de vez en cuando aparece. Hace unas semanas, un alumno del curso iDESWEB me dijo que no …
Sustitución de imágenes al imprimir
Un buen truco: sustituir una imagen por otra cuando se imprime una página. La solución puede parecer obvia, pero como de costumbre, los navegadores hacen lo que les da la gana y no siempre funciona. En el artículo Replacing images …
Bootsnipp
Bootsnipp es un conjunto de elementos de diseño y de código para Twitter Bootstrap basados en HTML, CSS y jQuery. Por ejemplo, a continuación tenemos un ejemplo de fragmento de código para representar lecciones: Y un ejemplo de interfaz similar …