Merida Design Blog

Etiqueta:

Javascript

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…

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

List.js: aplica filtros, ordenamiento y búsquedas a elementos HTML estáticos

List.js es una biblioteca de javascript que te permite filtrar, ordenar e incluso buscar entre elementos HTML estáticos.

Vibrant.js: Detecta los colores predominantes de una imagen con javascript

Vibrant.js es una librería javascript basada en la clase Palette de la librería de soporte de Android y como el título lo indica, te permite obtener los colores predominantes de cualquier imagen, e incluso te indica el color óptimo para usarse en el texto que se coloque en un fondo con el color obtenido.

Peticiones AJAX con envío de archivos usando JS puro, jQuery y AngularJS

Aunque el uso de AJAX ya es bastante común y se puede encontrar información en muchas partes, algo que tal vez no esté tan documentado es el envío de archivos en una petición post. Es por eso que en esta ocasión quiero compartir contigo 3 distintas formas de hacerlo usando las librerías mas comunes.

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.

Select2: El reemplazo de jQuery para los selectbox

Select2 es un plugin de jQuery que brinda un selectbox personalizable (a través de CSS y Sass), soporta todos los navegadores, tanto los modernos como los no tanto (incluso ie8), cuenta también con soporte para búsquedas, etiquetas, datos remotos, scroll infinito, entre otros.

Hammer.js: agrega soporte para gestos a tu página o aplicación web

Hammer.js es una librería de código abierto que te permite reconocer gestos touch, de ratón y eventos de puntero. Elimina también los 300ms de retraso de los clicks haciendo que la respuesta sea inmediata brindando una experiencia más nativa en dispositivos móviles.

NodeMailer: Envío de correo electrónico desde NodeJS

NodeMailer es una librería para NodeJS que te permite enviar correos electrónicos de manera sencilla, soporta HTML, texto plano, imágenes…

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.

Annyang: recononicimiento de voz para tu página o aplicación web

Annyang es una pequeña librería javascript que facilita el uso de la API de HTML5 para el reconocimiento de voz, permitiéndole a los usuarios controlar tu aplicación web a través de instrucciones por voz.

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…

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.

Office UI Fabric: Crea aplicaciones web con el estilo de Microsoft Office 365

Office UI Fabric es un kit de componentes y estilos para crear tus propias aplicaciones web con el estilo oficial de Office.

Phaser: crea juegos para el navegador con HTML5

Phaser es un framework HTML5 con el que puedes crear juegos para el navegador que corran tanto en escritorio como en móviles, es de código abierto y funciona a base de Canvas y WebGL.

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…

Pusher: agrega funcionalidad Real-Time a tu aplicación web o móvil

Pusher es un servicio web que te permite integrar de manera rápida y segura, funcionalidad de tiempo real de manera bi-direccional a través de WebSockets en tu aplicación web o móvil, o cualquier dispositivo con conexión a internet.

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.

  tope
Derechos Reservados, Merida Design 2020