Diseño web sensible: herramientas
Un par de buenas herramientas para controlar el diseño web sensible
Por Art Project Group el en Art Project Group, Diseño web. Etiquetado como Amazon Kindle, Amazon Kindle Fire, Apple iPad, Apple iPhone, Art Project Group, Asus Eee Pad, BlackBerry Bold, BlackBerry Curve, BlackBerry Playbook, BlackBerry Torch, Crappy Android, Diseño web, Diseño web sensible, HP Slate 500, HTC Evo, HTC Flyer, HTC Sensation, LG Optimus 4X HD, LG Spectrum, Motorola DROID, Motorola Xoom, Nicer Android, Nokia Lumia, Samsung Galaxy Note, Samsung Galaxy S II, Samsung Galaxy Tab 10.1, Samsung Galaxy Tab 7.0, Samsung Infuse 4G, Samsung Nexus 4, Screenqueries, Sony Tablet P, Sony Tablet S, The Responsinator, Viewsonic ViewPad 7 con Un comentario
Art Project Group Art Project Group 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:
-
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.
-
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.
Pingback Cómo podemos traducir “Responsive Web Design”? | Joan & Elena ¬ the blog