Merida Design Blog

Categoría:

Tutoriales

Como crear un componente de ReactJS para input file personalizado con vista previa y drag & drop

En este artículo, el número 5 en la serie del Input file personalizado usando distintas tecnologías, vamos a crear un componente de ReactJS que permite al igual que en los demás artículos de la serie, crear la interfaz para un campo de entrada de archivos para imágenes con vista previa y soporte para drag & drop.

Como crear plugin para galerías estilo Pinterest con Javascript

En este tutorial veremos como lograr el estilo de Pinterest usando javascript, creando tu propio plugin que podrás usar en cualquiera de tus proyectos.

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.

Como crear un componente de Angular 2 para input file personalizado, con vista previa y drag & drop

Para crear nuestro componente personalizado ya no es necesario crear una directiva como en Angular 1.+, ahora las aplicaciones de Angular se contruyen en base a componentes…

Guía de inicio con Angular 2

Este artículo nos ayudará a preparar el entorno de trabajo necesario para crear aplicaciones con Angular 2 y a comprender los primeros conceptos.

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

Crea una API local para desarrollo con json-server

Json-server es un script de NodeJS que te permite generar una API completa con datos y todas las operaciones CRUD en menos de 1 minuto.

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 crear una tabla con registros de campos variables o desconocidos usando AngularJS

En mas de una ocasión he tenido que desarrollar aplicaciones que consumen una API cuyos registros no cuentan con campos definidos…

Como crear una directiva de Angular para Google Maps

En este tutorial vamos a ver como crear una directiva para usar el API de Google Maps, el cual ofrece muchas posibilidades de configuración…

Como configurar variables de entorno PATH en Mac OS X

Las variables de entorno en Mac son las que nos permiten definir rutas para que su contenido pueda ser accedido desde cualquier carpeta en la terminal sin tener que escribir la ruta completa para ejecutar los archivos ubicados en ésta.

Como incluir jQuery en Electron (Atom shell)

Aunque no todas las librerías son compatibles con la carga modular, jQuery sí que lo es, por lo que si intentas hacer uso de él sin cargarlo de esta forma…

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…

Paginación con AngularJS y Laravel

En este tutorial veremos como hacer la paginación con dos de las tecnologías mas populares (y mis favoritas), del lado del cliente usaremos AngularJS y por parte del servidor Laravel.

  tope
Derechos Reservados, Merida Design 2017