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 directiva de AngularJS para input file personalizado con vista previa y drag & drop

Continuando con la serie sobre como crear un input file personalizado, en esta ocasión es el turno de AngularJS y aprender como convertir el plugin creado hasta el momento a una directiva.

Como crear plugin de jQuery para input file personalizado con vista previa y drag & drop

En el primer articulo, vimos como crear un input personalizado que muestre una vista previa de la imagen y tenga soporte para drag & drop, en esta ocasión, veremos como convertir ese código a un plugin de jQuery.

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 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…

  tope
Derechos Reservados, Merida Design 2017