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

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

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.

Subir archivos con AngularJS

Crear aplicaciones web con AngularJS es realmente sencillo, puedes tener todo el CRUD definiendo solamente un $resource conectado a un servicio REST…

  tope
Derechos Reservados, Merida Design 2017