Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

sábado, 20 de agosto de 2011

Spin.js - un indicador de actividad sin imágenes

Spin.js - un indicador de actividad sin imágenes

Spin.js es una pieza de Javascript que permite emular un ícono animado mediante VML para denotar actividad (carga de imágenes, páginas, etc.)

Sus principales fortalezas, son:
  • No incluye imágenes ni CSS externos
  • No hay dependencias
  • Altamente configurable
  • Renderiza con independencia de la resolución de trabajo
  • Trabaja adecuadamente en la mayoría de los navegadores. Sí, inlcusive en IE6
  • Es más pequeño—aún—que un GIF animado

Ajuste que se pueden llevar a cabo en Spin.js

Spin.js utiliza CSS3 para generar la animación y VML para la retro-compatibilidad con antiguas versiones de Internet Explorer. Si el script detecta compatibilidad con el navegador en uso utiliza @keyframe para animar el spin.

Este script no requiere el uso de jQuery; no obstante, el autor documenta una especial consideración si la implementación así lo requiere.

Los navegadores soportados son:

  • Chrome 
  • Safari 4+ 
  • Firefox 3.5+ 
  • IE 6,7,8,9+ 
  • Opera 10.6+ 
  • Mobile Safari (iOS 4) 
Sitio Web | Spin.js Licencia de Uso | MIT
Share:

Publicidad

Estadísticas