Merida Design Blog

office-ui-fabric

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.

listjs

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.

grd

Grd: Sistema de rejilla con flexbox de CSS

Grd es un framework para crear rejillas basado en las propiedades flexbox y la función calc() de CSS que te permite crear layouts mas complejos, que son difíciles de lograr con los sistema de rejillas normales, como el tan problemático centrado vertical.

stickyfill-js

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.

file-uploader-reactjs

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

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

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

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.

neon-clock

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.

mjml

MJML: Framework para crear emails responsivos

MJML es un lenguaje de enmarcado diseñado para hacer mas sencillo crear plantillas responsivas para correo electrónico. Su sintaxis semántica hace que sea mucho mas fácil y comprensible el código.

masonry-plugin

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.

responsive-tables

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.

feature-js

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.

file-uploader-angular-2

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

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.

angular-quickstart-2

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.

pinterest-grid1

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.

ajax-post

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

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.

file-uploader-angular-1

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 2016