Visión adaptable en el nuevo Firefox

Responsive web design

Esta semana hemos visto y probado la nueva versión de Firefox que se encuentra en la versión 20.0 y nos trae mejoras en el rendimiento y una magnifica herramienta que a los desarrolladores front-end (html5 y css3) nos viene como anillo al dedo.

Es la vista de diseño adaptable o Responsive web design, es una muestra más de, como trabajan para ayudar a los desarrolladores a realizar diseños adaptables a cualquier dispositivo y no morir en el intento. Esto nos dice mucho de como las herramientas y mejoras van por el camino de la adaptabilidad en dispositvos móviles.

Tenemos disponibles muchísimos framework para trabajar con este tipo de diseño. Este blog tiene como base Eskeleton Ahora es adaptable pero sin framework con max-width y min-width y sus mediaqueries correspondientes.

Los tamaños que nos trae Firefox son:

  • 320 x 480
  • 360 x 640
  • 768 x 1024
  • 800 x 1280
  • 980 x 1280
  • 1280 x 600
  • 1920 x 900

Todos los tamaños los podemos rotar para mostrarlo en horizontal

Función de acceso rapido mediante teclado es alt + cmd + m o nos vamos a la barra y en “herramientas -> desarrollador web -> vista de diseño adaptable,” con esto no sacara la vista y ya podremos elegir el tamaño con el que queremos visualizar nuestra web.

Tambien hay herramientas como responsivator Pero a mi, de momento me atrae mas lo que trae Firefox
 

¿Conocéis alguna otra herramienta para ver los diseño adaptables?