Responsive Design IV: Herramientas para probar el responsive


Captura de pantalla 2012-12-06 a la(s) 21.04.46

En esta ocasión, haremos una pausa en los modelos de responsive design para hablar de dos herramientas que nos van a hacer útiles para poder probar si nuestro diseño se adapta o no a todas las pantallas.

RESIZEMYBROWSER

ResizeMyBrowser es un servicio web muy útil a la hora de probar nuestro sitio en diferentes resoluciones, tal y como lo vemos en la imagen superior, solo debemos ir la web  y seleccionar el tamaño de pantalla que deseamos probar. Como ayuda adicional cuenta con los nombres de los dispositivos mas comunes que poseen dichas resoluciones y nos permite si así lo deseamos crear nuevos modelos de resoluciones.

 

ScreenFly

ScreenFly es una herramienta que nos permite ver como se vería nuestra en las pantallas de diferentes dispositivos, tal y como vemos en la imagen siguiente:

Captura de pantalla 2012-12-06 a la(s) 21.39.03

 

Las resoluciones estan agrupadas en 4 categorías, Desktop (netbooks, laptops, equipos de escritorio), tableta, movibles y TV, en esta ultima podemos ver nuestra pagina web en resolución estándar,  HD y Full-HD.

Ademas de ajustar las resoluciones, también nos permite rotar las resoluciones, como en el caso de las tableta, para que veamos como se comparta nuestro sitio web en ese caso, tal y como vemos a continuación.

Captura de pantalla 2012-12-06 a la(s) 21.46.09

 

Otro aspecto a notar es que si activamos el uso de proxys al darle nuestra pagina web, soportara el uso de temas movibles, si es que diseñamos para ese caso.

La diferencia mas importante entre los servicios es que con ScreenFly nuestra pagina ya debe estar almacenada en nuestro Hosting para poder probarla, mientras que con ResizeMyBrowser podemos probar un sitio local.

A continuación les dejamos los enlaces a las paginas de los dos servicios.

ResizeMyBroser.

ScreenFly

 

 

 

 

 

 

Anuncios

Acerca de sistemasumma

Blog dedicado a la tecnología y a todos los estudiantes de sistemas, informatica, computación y afines
Esta entrada fue publicada en General y etiquetada , , , . Guarda el enlace permanente.

¿Qué estas pensando?

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s