Merida Design Blog

Categoría:

Tutoriales

Como crear tablas responsivas con CSS

En este tutorial, te explicaré una forma de crear tablas responsivas, pasando de una tabla en pantallas grandes (escritorio) a elementos estilo tarjeta en pantallas pequeñas (móviles) cambiando solamente los estilos CSS.

Galería estilo Pinterest con CSS

Desde su aparición, la interfaz de Pinterest ha sido inspiración para muchos sitios y aplicaciones, y es que la distribución verticalmente asimétrica de los elementos de su galería, le dieron una imagen fresca y divertida, saliéndose del esquema cuadrado de las galerías normales.

Como crear un input file personalizado, con vista previa y drag & drop

En este tutorial te explico como crear un control personalizado con CSS para seleccionar imágenes con vista previa y soporte para arrastrar y soltar.

Como crear tooltips con CSS

Es común emplear tooltips o textos de ayuda, que solo aparecen cuando el usuario pasa encima el puntero o presiona el elemento (móviles), especialmente útil en formularios en donde la etiqueta no describe por completo el tipo de valor que se espera.

Como crear un efecto de transición entre listado y perfil estilo Material Design con AngularJS

Una de las especificaciones de Material Design de Google respecto a las animaciones, es que éstas deben tener un significado, es decir, deben informar al usuario de lo que está sucediendo y cual será el resultado de la acción realizada, así como el orden y la jerarquía de los elementos.

Como crear un botón con ondas estilo Material Design

Google hace énfasis en la retroalimentación visual a través de animaciones, y una de esas animaciones es el efecto de onda que podemos ver en sus botones…

Como hacer menús responsivos con CSS

Existen muchas formas de hacer un menú responsivo, sin embargo, hay ciertos patrones de diseño que son más comunes y se emplean para determinadas circunstancias, en éste tutorial te mostraré los 3…

Como crear un grid css para páginas responsivas

Crear sitios web responsivos es cada vez mas sencillo, podemos lograrlo usando un layout con flexbox, apoyandonos en un grid…

Como hacer tus imágenes, videos y mapas responsivos con CSS

Con más de la mitad del tráfico web viniendo de dispositivos móviles, tener un sitio web que se adapte a éstos dispositivos(responsivo) ya no es una opción…

  tope
Derechos Reservados, Merida Design 2017