Cambio de orden de elementos en plantilla responsive

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

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

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
Ejemplo Flip CSS

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
Este sitio web utiliza cookies para recoger información que ayude a optimizar su visita. Vea la información acerca del uso de cookies en nuestra Política de Cookies. Si continua navegando en nuestra web entendemos que acepta su uso. Acepto