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

ClockPicker: Atractivo y amigable selector de hora con estilo de reloj

ClockPicker es un plugin que funciona con jQuery y Bootstrap, te permite añadir a tu aplicación o página web un popover con estilo de reloj para seleccionar la hora de manera mucho mas amigable.

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.

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.

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…

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.

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

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.

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.

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.

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…

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.

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…

is.js: realiza fácilmente todo tipo de validaciones; expresiones regulares, fechas y mucho mas

is.js es una librería que facilita mucho hacer una gran cantidad de validaciones, desde las validaciones simples de tipos de valor y expresiones regulares, hasta validación de entornos de ejecución (si es chrome, safari, iphone, etc.).

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.

React Native: Crea aplicaciones nativas para iOS y Android con Javascript

React Native es un framework creado por Facebook que te permite crear aplicaciones completamente nativas usando javascript y ReactJS.

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.

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.

  tope
Derechos Reservados, Merida Design 2018