Viewport Resizer: Herramienta para probar nuestro Responsive Design

Balu4 Enero 2013 - 4:36pm 1 comentario
Enviar por Email Imprimir

Viewport Resizer: Herramienta para probar nuestro Responsive Design

Si eres de los que manualmente anda redimensionando la ventana del navegador, para probar el responsive design de la web, estas trabajando por demás. Viewport Resizer es una herramienta muy útil para estos casos y funciona en la mayoría de los navegadores. Además, es gratuita.

Viewport Resizer es una herramienta creada por Malte Wassermann, que nos facilita el testeo de nuestro diseño responsivo. El bookmarklet carga una barra de herramientas en la parte superior de la ventana y sus iconos de la izquierda nos permiten variar entre varios tamaños los cuales son descritos en la sección media de la barra.

La barra de herramientas se puede personalizar

Hay que resaltar que algunos íconos muestran los dispositivos, por ejemplo, el que tiene el badge "5" es el indicado para el iPhone 5.

Y así de fácil podemos presionar en los íconos cuantas veces queramos. Pero lo mejor, es que Viewport Resizer es totalmente personalizable. Su portada nos permite seleccionar los rangos iniciales de resolución y tamaño para construir nuestro propio bookmarklet. Además, podemos agregarle más tamaños al vuelo y reguardar el bookmarklet otra vez.

Navegadores soportados y limitaciones

Incluso si no estás interesado en el diseño web responsivo, visita la página de Viewport Resizer con Firefox, Chrome o Safari para tener la mejor experiencia. Aunque, el bookmarklet también funciona en Opera, algunos efectos o animaciones no se muestran correctamente. IE10 carga la barra de herramientas pero no la página, esperemos que esto se solucione pronto.

¿Qué opinas de la herramienta? ¿Crees que te sea útil?

Comentarios

Imagen de Blomster
Blomster

excelente herramienta, me va a venir de gran utilidad para el desarrollo de mis diseños responsivos de páginas web, gracias por compartir!

Dejar comentario

Tutoriales

Cómo descargar videos de VK.com
En este artículo voy a explicar como descargar videos y películas...
Descargar Facebook Móvil Gratis
Por si aún no lo han hecho, es posible descargar Facebook Móvil...
Cómo generar tráfico web con las redes sociales - Paso a Paso
Muchas empresas están publicando contenidos como la forma de crear...

Artículo Recomendado

3 Tips cruciales para recuperar archivos eliminados
¿Te imaginas perder el trabajo de toda una semana en tan solo unos segundos? Todos hemos pasado por este problema. Quizás eliminamos por error un archivo importante o lo borramos sin pensar que era valioso para otro... más