Uso de animaciones Css para pisar herencia, cascada e !important

Uso de animaciones Css para pisar herencia, cascada e !important
Por Rev: 0 Comentarios
Uso de animaciones Css para pisar herencia, cascada e !important

Repasemos lo que decía la especificación sobre la importancia de una regla en base a su origen. Esto es, en caso de colisión entre dos declaraciones y a igualdad de especificidad cuál de ellas prevalece y se aplica en función de dónde esté declarada:

Importancia y origen de las reglas Css:

El peso de una declaración CSS depende de dónde venga y su grado de importancia. En caso de haber declaraciones contradictorias se aplicarán en el siguiente orden, de mayor a menor (la 1ª prevalece sobre la 2ª y ésta sobre la 3ª... La 5ª es la que menos peso tiene):

Uso de animaciones Css para pisar herencia, cascada e !important

Foto fija de Css: Todos los documentos Css del Consorcio W3c y su estatus

Por Rev: 0 Comentarios
Foto fija de Css: Todos los documentos Css del Consorcio W3c y su estatus

Una instantánea del estado de los distintos documentos del consorcio W3c referidos a Css. Incluidos los que ya son recomendación (estándares), y los que están como borrador de trabajo. Sin importar su fecha de publicación. También incluyo los que han sido clasificados como obsoletos a lo largo del tiempo.

Si tienes curiosidad puedes comparar esta "instantánea" con la que publiqué allá por Mayor de 2012 y observar los cambios habidos durante estos 3 años.

La fecha que acompaña a cada enlace es un enlace para ver el histórico (evolución) de cada documento. El título te lleva a la última versión de él.

Conservo la nomenclatura o clasificación original (en inglés) de cada grupo.

Foto fija de Css: Todos los documentos Css del Consorcio W3c y su estatus

Responsive FAQ: de tabs a en línea

Por Rev: 2 Comentarios
Responsive f&q: from tabs to lines

Este fin de semana, en uno de los paseos por Codepen, me topé con la realización "Vertical Tabs: Smart & Responsive". Una navegación por pestañas o tabs que muestran su contenido a su lado y al alcanzar cierto tamaño mínimo del viewport pasan a ocupar toda su línea y el contenido asociado se muestra debajo de cada una.

Me llamaron la atención dos detalles:

  1. Su marcado Html.
  2. El uso de jQuery para su funcionamiento.

Uso de la librería javascript que el mismo autor lamenta haber recurrido a ella:

Didn't want to use jQuery but i'm pressed for time

Responsive FAQ: de tabs a en línea

Aclarando la cuestión de si "los ids y class pueden comenzar por un número"

Por Rev: 12 Comentarios
Aclarando la cuestión de si "los ids y class pueden comenzar por un número"

Artículo revisado el 16-04-2015. Publicado originalmente en el blog en Enero de 2014.

Todos hemos escuchado alguna vez aquello de que los ids o clases no pueden comenzar con un número. Y todos, estoy seguro, dais la sentencia por buena

Sin embargo, el aceptar esta afirmación dicha de forma tan simple y ambigua da lugar a errores, pues así expresada es de todo punto errónea por inexacta.

Lo primero que debemos hacer, lo digo una vez más, es tener claro que hay que diferenciar el lenguaje Html del lenguaje Css, lo que le es propio a cada uno de ellos y lo que uno u otro permite o prohíbe. Esto es, utilizar la terminología y sintaxis de cada uno de ellos con propiedad.

La mezcolanza de conceptos distintos, el asumir que lo que es válido en uno lo es en otro o no distinguir cuándo se referencia a uno u otro da lugar a errores típicos como hablar de atributos o elementos en el ámbito de Css o la afirmación que nos ocupa. Incluso, y que me perdonen, entre los grandes, como aquí.

Aclarando la cuestión de si "los ids y class pueden comenzar por un número"