Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Una solución para probar sitios responsive

Una solución para probar sitios responsive 24.FEB.15

Alvaro José Rios Ch
Fundador WebBizarro

Probar un sitio web responsive no es nada fácil, si ustedes han desarrollado alguna vez un sitio con estas características saben que es difícil tratar de adaptarse a todas las resoluciones de pantalla e ir ajustando los CSS uno por uno.

BackstopJS es una solución que te permite fácilmente probar los sitios responsive ya que compara tu sitio con una serie de pruebas y te da un reporte detallado por lo que no tendrás que ir de resolución en resolución revisando como se ve tu sitio.

Para usarlo solo debes crear un archivo de configuración donde especificas los elementos del DOM que vas a inspeccionar. Luego creas una imagen de referencia, a partir de esto puedes insertar CSS y nuevos elementos en el DOM. Finalmente puedes correr pruebas y veras un reporte de como se ha visto afectada tu imagen de referencia.

BackstopJS esta pensado para crear temas personalizados para wordpress, Drupal y otros CMS, por lo que puede ser una excelente opción para todos los desarrolladores.