Diseño web sensible: herramientas

Un par de buenas herramientas para controlar el diseño web sensible

Diseño web sensible: herramientas

Para todos aquellos que quieren realizar un diseño web sensible y no tienen a su disposición una gran cantidad de dispositivos diferentes para poder realizar distintas pruebas de visualización sobre ellos, deben hacer uso de distintas herramientas que existen a la disposición de los diseñadores web en Internet.

Hoy vamos a hablar de dos de ellas: The Responsinator y Screenqueries:

  1. The Responsinator

    The Responsinator

    The Responsinator: gracias a esta aplicación podemos visualizar nuestro diseño web, simplemente introduciendo la URL que queremos visualizar, sobre un Apple iPhone en posición vertical (320 x 480) y horizontal (480 x 320), un dispositivo Crappy Android en posición vertical (240 x 320) y horizontal (320 x 240), un dispositivo Nicer Android en posición vertical (295 x 515) y horizontal (515 x 295), un Apple iPad en posición vertical (768 x 1024) y horizontal (1024 x 768) y un Amazon Kindle en posición vertical (600 x 1024) y horizontal (1024 x 600). Las siluetas de los distintos dispositivos nos ayudará ha hacernos una idea aún más aproximada del resultado final.

  2. Screenqueries

    Screenqueries

    Screenqueries: en este caso no disponemos de ninguna silueta, por lo que el resultado es mucho más limpio, y nosotros podemos girar el dispositivo seleccionado para ver el resultado en posición vertical u horizontal. Tras introducir la URL deseada, podemos seleccionar dispositivos móviles como: Apple iPhone, Samsung Galaxy Note, Samsung Infuse 4G, Samsung Galaxy S II, Samsung Nexus 4, HTC Evo, HTC Sensation, BlackBerry Torch, BlackBerry Bold, BlackBerry Curve, LG Optimus 4X HD, LG Spectrum, Nokia Lumia y Motorola DROID; o tabletas como: Apple iPad (nuevo y viejo), Samsung Galaxy Tab 10.1, Samsung Galaxy Tab 7.0, Sony Tablet P, Sony Tablet S, BlackBerry Playbook, Asus Eee Pad, Amazon Kindle Fire, Viewsonic ViewPad 7, HP Slate 500, Motorola Xoom o HTC Flyer. Además existe un botón llamado Trueview que nos muestra el contenido exactamente igual que lo podemos ver en cada uno de los dispositivos disponibles, esto es con sus barras superiores, inferiores o laterales.

Gracias a herramientas como estas que os mostramos hoy, podremos hacer que nuestro diseño web sensible sea lo más óptimo posible.

Un comentario


    Deje un comentario

    « »