Conoce la resolución de todos los dispositivos moviles

Cada mes salen al mercado decenas de dispositivos móviles, cada uno con características únicas que se suman a la inmensa base de datos de smartphones que ya existe, cada nuevo dispositivo posee especificaciones muy diferentes haciendo el trabajo de nosotros, los desarrolladores web más divertido, al obligarnos a tener en cuenta sus singulares características, la más importante es la resolución, según la cual ofreces una experiencia diferente.

Screensiz.es

Al inicio de cada proyecto web que emprendas debes tener muy claro los dispositivos y sus respectivas resoluciones para conocer o al menos tener una idea de los desafíos que te puedes encontrar en el camino.

ScreenSizes es un sitio web con una gran base de datos de las resoluciones de la mayoría de dispositivos móviles o smartphones que están disponibles en este momento en el mercado, así como tablets e incluso monitores, la gran tabla de información de cada dispositivo incluye:

  • Sistema Operativo.
  • Tamaño físico en pulgadas o centímetros.
  • Ancho.
  • Alto.
  • Ancho del dispositivo.
  • Píxeles por pulgada.
  • Densidad de píxeles.
  • Relación de aspecto.
  • Popularidad

Un recurso fundamental para conocer rápidamente la resolución de esos dispositivos en los cuales se ejecutará tu siguiente idea o el resultado de tu increíble inspiración.

ScreenSizes

Comprobar cómo se ve nuestro sitio en una computadora, tablet, smartphone y TV

Lograr que un sitio se vea correctamente en todo tipo de dispositivos es algo realmente complicado, por eso quiero recomendarles una herramienta llamada Screenfly, que nos permite visualizar cómo se vería nuestro sitio web en diferentes tipos de dispotitivos.

Con esta herramienta lo único que tenemos que hacer es ingresar la dirección del sitio que queremos visualizar y se abrirá un nuevo popup con el sitio cargado.

A la izquierda tienen todas las opciones de dispositivos disponibles, entre los cuales encontramos una computadora con Safari en distinta resoluciones, diferentes modelos de tablets, smarthphones de varias marcas y sistemas operativos, y por último una TV en diferentes resoluciones.

Enlace: Screenfly

Visto en WebResourcesDepot

Redimensiona la ventana de Firefox a la medida que quieras con CustomGeometry

customgeometry
CustomGeometry

CustomGeometry es una extensión para Firefox que te permite redimensionar el tamaño de la ventana del navegador a tamaños personalizadas con un click. Esto es especial para desarrolladores y diseñadores, ya que pueden probar sitios web en diferentes resoluciones, poder brindar el contenido de una mejor manera y chequear problemas que pueden surgir al variar los tamaños.

Ya hay extensiones que permiten redimensionar la ventana, pero esta permite ingresar valores personalizados, y además elegir en qué posición se va a abrir la misma, por ejemplo, con cuántos píxeles a la derecha de la pantalla se va a abrir, es decir, «dejando espacio vacío» en la pantalla.

Otra extensión que permite relaizar esto, aunque no de manera tan completa, es Web Developer, que ya la comentamos en Punto Geek hace un tiempo, les recomiendo que le echen un vistazo al artículo que no tiene desperdicio.

Visto en gHacks