Logo de islavisual
Isotipo de islavisual IslaVisual
imagen de sección

Ultima revisión 19/05/2013

Responsive Design: Utilidades - Magnific Popup

Magnific Popup es un plugin de jQuery lightbox responsive y de libre uso que está enfocado a obtener la mejor mejor experiencia de usuario y rendimiento en cualquier dispositivo, al menos eso dicen.



Características

Las características más interesantes de este plugin se comentan a continuación:

  • Compatibilidad: Es compatible con los frameworks de jQuery y Zepto.js.
  • Contenidos: Permite acceder a contenidos multimedia, web externas y Ajax.
  • Personalizable: Permite personalizar animaciones de los popups al gusto.
  • Gestión de Errores: Permite gestionar los mensajes de error en función del tipo contenido
  • Cross Browser: Es prácticamente compatible con los navegadores Chrome, Safari, FF, Opera, Internet Explorer 8+, Android 2.3+, iOS5+, Blackberry 10+ y Windows Phone 7+.
  • Ligero y modular: Se puede personalizar y recompilar con grunt.js únicamente con las características que se necesiten. Su tamaño inicial es de 3KB y cada módulo pesa alrededor de 0.5KB.
  • Responsive: El contenido del Lightbox se ajusta automáticamente e independientemente al tamaño del dispositivo.
  • Rápido: Intenta mostrar las imágenes antes de que estén completamente cargadas para aprovechar al máximo de carga progresiva y utiliza transiciones CSS3 en lugar de animaciones en JavaScript que son más lentas.
  • Soporte para pantallas Retina: Los controles por defecto están realizados en CSS puro.
  • Otras: Tiene una opción para cambiar automáticamente de modo Desktop a Modo Smartphone y un motor de plantillas extensible que reutiliza los elementos DOM existententes.

Enlace: Magnific Popup
Documentación: Magnific Popup
Descarga: Repositorio GitHub

Si necesitáis más información Contactar con nosotros y os informaremos más detalladamente sobre este o cualquier otro tema.

Sobre el autor

Imagen de Pablo Enrique Fernández Casado
Pablo Enrique Fernández Casado

CEO de IslaVisual, Manager, Full Stack Analyst Developer y formador por cuenta ajena con más de 25 años de experiencia en el campo de la programación y más de 10 en el campo del diseño, UX, usabilidad web y accesibilidad web. También es escritor y compositor de música, además de presentar múltiples soft kills como la escucha activa, el trabajo en equipo, la creatividad, la resiliencia o la capacidad de aprendizaje, entre otras.

Especializado en proveer soluciones integrales de bajo coste y actividades de consultoría de Usabilidad, Accesibilidad y Experiencia de Usuario (UX), además de ofrecer asesoramiento en SEO, optimización de sistemas y páginas web, entre otras habilidades.