Es una nueva comunidad sobre el reciente estándar de la web Html5, donde puedes encontrar tutoriales, tips, consejos, información, noticias y demás en un solo lugar.


Apoya la comunidad con $1 USD, queremos mejorar y compartir más conocimiento.

Tips #9 – Clipboard.js, Velocity.js y Antwort


  Publicado hace |  Etiquetas: , , , , ,

Imagen de previsualización de YouTube

Numero 3 – Clipboard.js: Librería para crear botón para copiar texto.

Si alguna vez necesitas crear un botón para copiar texto al portapapeles tienes que olvidar trucos raros, uso de Flash y demás herramientas tan pesadas, cada día aumenta la cantidad de librerías limpias con buenas practicas en internet y para esta pequeña funcionalidad no hay excepción.

Clipboard.js es una herramienta que permite crear un botón para copiar texto al portapapeles muy fácil.

Características:

  • Uso de atributos de HTML5
  • Configuración de acciones como copiar o cortar
  • Copiar texto desde un atributo
  • Manejo de eventos
  • Compatible con navegadores modernos (Adios IE8)

Puedes instalarlo desde NPM, Bower o CDN y después solo agrega tu etiqueta script.

Clipboard.js

Numero 2 – Velocity.js: Animaciones con JavaScript aceleradas.

Quizás la mayoría ya ha manejado animaciones con jQuery y ha notado que tiene un ligero delay pero que no le damos mucha importancia, probablemente no es un motivo para hacer un drama tan grande pero en ocasiones la animación no queda realmente bien, sobre todo en proyectos donde es una característica principal.

Velocity.js es una librería para mejorar o crear mejores animaciones con JavaScript, se puede decir que lo manipula de una manera más optima y avanzada, podemos notar una gran diferencia de FPS entre jQuery y Velocity.js pues este permite también el uso de aceleración por hardware.

Características:

  • Puedes o no usarlo junto a jQuery o Zepto
  • Bastante retrocompatible
  • Se puede usar con Require.js o Browserify
  • 100% compatible con el API de animación de JQuery
  • Cuenta con plugins, por ejemplo para React.js

Se puede instalar desde NPM, Bower o usarlo desde un CDN

Velocity.js

Numero 1 – Antwort: Plantillas para e-mails responsivos

Creo que unos de los trabajos mas sucios para internet es el desarrollo de e-mails responsivos, si alguna vez sufriste con la compatibilidad de sitios web con navegadores, eso aún existe con los clientes de e-mail, ninguno respeta un estándar lo suficiente para no hacernos sufrir.

Antwort no es un framework pero si una serie de templates predefinidos para que no tengas que pasar por el gran desastre de desarrollarlos desde cero.

Características:

  • Es uno de los más compatibles en móviles como Mail de iOS y Android
  • Trabaja en clientes como AOL, Gmail, Outlook (incluso Outlook 2000) y Yahoo
  • Puedes confiar en que acepta contenido dinámico
  • Bastante limpio para ser modificado

Para usarlo, solo descargalo y usa el template que te sea útil.

Antwort

comments powered by Disqus