Merida Design Blog

Etiqueta:

Diseño Web

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.

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.

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

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…

Diseño Flat ¿Porqué está de moda?

Son varios los factores que han influido en la rápida adopción del “diseño Flat”, en éste artículo mencionaré solo algunos de ellos

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.

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

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

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.

Visor de archivos en tu página web con Google Docs Viewer

Investigando un poco, descubrí que Google te permite usar el visor de documentos que usa en Drive, bueno en realidad una versión más simplificada, pero bastante completa, ya que nos permite ver todos los siguientes formatos…

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.

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.

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

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.

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.

  tope
Derechos Reservados, Merida Design 2017