Merida Design Blog

Etiqueta:

Diseño Web

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.

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.

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.

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.

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.

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.

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.

TinyPNG: Comprime tus archivos PNG sin perder calidad

TinyPNG comprime los archivos con formato png sin perder prácticamente nada de calidad y el procentaje de compresión, aunque depende de la imagen, ronda en el 70%.

Como crear tooltips con CSS

Es común emplear tooltips o textos de ayuda, que solo aparecen cuando el usuario pasa encima el puntero o presiona el elemento (móviles), especialmente útil en formularios en donde la etiqueta no describe por completo el tipo de valor que se espera.

Material Palette: Crea el esquema completo de colores para tu proyecto con Material Design

Material Palette es una aplicación web que te permite seleccionar el par de colores que serán la base para la creación de una paleta con todos los colores necesarios para los diferentes componentes de una aplicación con Material Design.

POSTMAN: Desarrolla y prueba APIs más rápido

Postman es una aplicación que te permite hacer peticiones a APIs, crear distintos escenarios de pruebas y organizar tus APIs en colecciones.

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…

Patrones de Diseño de Interfaz: Etiquetar

Permite al usuario categorizar el contenido agregando palabras clave, de esta forma el usuario podrá organizar su propio contenido en base a sus propias categorías o temas.

Material Design Lite: Framework oficial de Google para Diseño Web

Google ha publicado Material Design Lite, su propia librería oficial la cual está hecha con HTML, CSS y Javacript puro…

Toolkit: Componentes HTML5, JS y CSS para sitios responsivos y móviles

Toolkit es una librería con una gran collección de componentes de interfáz de usuario ideales para sitios móviles y responsivos.

Device Metrics: Información y medidas sobre cualquier dispositivo móvil

Device Metrics es una pequeña página que el equipo de Google nos proporciona como parte de su gran cantidad de herramientas para diseño de aplicaciones móviles y web.

Flickity: Crea sliders y galerías que se sienten como nativas

Flickity es un plugin para crear sliders, galerías y carruseles con reconocimiento de gestos touch, especialmente diseñado para móviles.

Patrones de diseño de interfaz: Reportar/Denunciar

Un patrón de diseño, no es un diseño finalizado que simplemente añades a tu producto, por el contrario, es una guía o plantilla…

  tope
Derechos Reservados, Merida Design 2017