Merida Design Blog

Etiqueta:

Javascript

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.

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.

Stickyfill: Polyfill javascript para aplicar posición pegajosa a cualquier elemento

Stickyfill.js agrega soporte para la propiedad “position:sticky” a los navegadores que no cuentan con soporte nativo, emulando el mismo comportamiento mediante javascript.

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.

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.

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.

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.

Reloj análogo estilo neon con javascript

El objetivo de este pen, es mostrar como con unas pocas lineas de código es posible crear un estilizado reloj análogo que te puede servir para colocar en cualquier tipo de aplicación, ya sea como un widget en un panel de administración o quizá como parte de una aplicación móvil.

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.

Feature.js: Rápida y liviana librería para detectar las características del navegador

Feature.js es una librería javascript que te permite detectar cuales son las características que están presentes en el navegador.

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.

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.

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.

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

Pressure.js: Trabaja con el Force y 3D Touch de Apple de manera sencilla

Pressure.js es una librería de javascript que te permite trabajar de manera sencilla con el Force y 3D Touch en dispositivos de Apple que cuentan con soporte, y así añadir funcionalidad a tu aplicación o página web y mejorar la experiencia de uso en éstos dispositivos.

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.

Philter: asigna filtros de CSS directamente con atributos HTML

Philter es un plugin de javascript que te permite controlar los filtros de CSS diréctamente con atributos HTML, así como un efecto de transición con el hover definiendo la duración de la animación.

  tope
Derechos Reservados, Merida Design 2017