Merida Design Blog

Etiqueta:

HTML5

Hammer.js: agrega soporte para gestos a tu página o aplicación web

Hammer.js es una librería de código abierto que te permite reconocer gestos touch, de ratón y eventos de puntero. Elimina también los 300ms de retraso de los clicks haciendo que la respuesta sea inmediata brindando una experiencia más nativa en dispositivos móviles.

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.

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.

Navegación móvil offcanvas con CSS

El objetivo de este ejemplo es mostrar como a través de las animaciones aceleradas por hardware de CSS3 y un poco de interacción con javascript, podemos obtener el efecto de navegación oculta (offcanvas)…

Awesomplete: Auto-completador de texto ultraligero y personalizable

Awesomplete es un widget para auto-completar campos de texto que no depende de ninguna otra librería como jQuery o Zepto…

Font Awesome: Incluye iconos a tu web y personalízalos fácilmente mediante CSS

Con Font Awesome obtienes un amplio catálogo de íconos en vectores escalables que puedes personalizar fácilmente…

NoMe: Librería para el uso de geolocalización de HTML5

NoMe es una librería que te permite acceder directamente a los datos de ubicación y clima de HTML5 sin tener que registrarte en múltiples servicios o tener que descargar grandes bases de datos.

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

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.

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.

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.

Sharer.js: Crea tus propios botones para compartir con elementos del DOM

Sharer.js es una librería pequeña pero bastante útil, con esta librería puedes crear tus propios botones para compartir en varias plataformas sin necesidad de cargar pesadas librerías o sdk’s para cada opción, basta con asignar algunos atributos a un elemento HTML y listo, tu defines los estilos según las necesidades de tu sitio.

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.

  tope
Derechos Reservados, Merida Design 2017