The Responsinator
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: 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.
Artículos relacionados
Comentarios
Productos y servicios
-
Optimización SEO
Desde: 181,50 € -
WC - APG myGESTIÓN
42,35 € / AÑO -
WPML Starter Kit
60,50 € -
WP Total Updater
Desde: 42,35 € / MES -
Consultoría técnica
145,20 €
Se ha publicado #WooCommerce 10.7: mejoras en rendimiento, analítica más completa y optimización de la Store API para integraciones más rápidas y eficientes.
Una versión centrada en escalabilidad y datos.
¡Actualiza!
Se ha publicado #WooCommerce 10.6.2: actualización de mantenimiento con correcciones de errores y mejoras de estabilidad tras la rama 10.6.
Recomendado actualizar para evitar incidencias.
Se ha publicado #WooCommerce 10.6.1: actualización de mantenimiento que corrige errores detectados tras la versión 10.6 y mejora la estabilidad general.
¡Actualiza!
Se ha publicado #WordPress 6.9.4: actualización de mantenimiento que corrige errores de seguridad detectados en el núcleo y el editor para mejorar la estabilidad general.
Debes actualizar.
Se ha publicado #WordPress 6.9.3: actualización de mantenimiento que corrige errores detectados en el núcleo y el editor para mejorar estabilidad y compatibilidad.
Recomendado actualizar.
