Cambio de orden de elementos en plantilla responsive
En ocasiones, por requisitos de diseño, hace falta modificar el orden en el que se muestran los elementos. Aquí os mostramos algunos ejemplos que pueden resultar útiles. Aquí aportamos un par de ejemplos para re-ordenar elementos en una plantilla responsive. A caminar se aprende andando: El primer ejemplo es para elementos mostrados en distribución de elementos horizontales (filas de elementos) y se puede utilizar 1, el comportamiento de una tabla, para...
Leer más
Utiliza Clases o Ids en vez de etiquetas html
¿Cuál es la mejor manera de referenciar un elemento para aplicar estilos? Aquí os explicamos nuestra experiencia. A priori, puede parecer una tontería, pero para aplicar estilos no debemos referenciar por etiquetas html, siempre lo debemos hacer por clases o ids. De ésta forma el estilo es independiente de la etiqueta que utilicemos en el html. Nos ha pas...
Leer más
Clases CSS especiales para comportamientos javascript
Cuando trabajas en un proyecto con selectores jQuery o VanillaJS, ¿cómo los referencias? Por etiqueta, por ids, por clases ... Para los ejemplos, vamos a utilizar jQuery, pero la librería no es lo más relevante, si no la manera de referenciar desde javascript a los elementos del DOM. Hay muchas opciones...
Leer más
Centrado vertical de un elemento con CSS y JQuery
Post sobre el centrado vertical de un elemento con CSS y JQuery, donde se explica de forma sencilla como realizarlo.
Leer más
Ejemplo Flip CSS
Aquí os propongo un ejemplo para conseguir un efecto flip mediante transformaciones CSS. El planteamiento es bastante sencillo. Se basa principalmente en utilizar transiciones CSS3, con ello se consigue un espectacular efecto de giro con efecto 3D que quedará genial en vuestros proyectos. Para el elemento .front y .back se indican transformaciones de rotación sobre el eje...
Leer más