Paginas Responsive

Si has tomado el curso de Responsive design habras notado que la mayoria de los sitios en internet tienden a ser responsive e incluso si estas construyendo tu pagina web para tu portafolio, esta deberia estar pensada para ser responsive y que se pueda adaptar a diferentes resoluciones de pantalla.

Resoluciones mas comunes para las media queries

Hay dos maneras de pensar cuando estamos diseñando nuestras paginas web tal y como se muestra en la imagen debajo:

Para esto aqui estan las medidas mas comunes y un par de listas de las resoluciones mas comunes para hacer responsive en tus proyectos:

• iPhone 4 y 4S: 320 x 480
• iPhone 5 y 5S: 320 x 568
• iPhone 6: 375 x 667
• iPhone 6+: 414 x 736
• Nexus 4: 384 x 598
• Nexus 5: 360 x 598
• Galaxy S3, S4, S5: 360 x 640
• HTC One: 360 x 640

Medidas de tablets

• iPad todos los modelos, así como iPad Mini: 1024 x 768
• Galaxy Tab 2 y 3 (7.0 pulgadas): 600 x 1024
• Galaxy Tab 2 y 3 (10.1 pulgadas): 800 x 1280
• Nexus 7: 603 x 966
• Nexus 10: 800 x 1280
• Microsoft Surface W8 RT: 768 x 1366
• Microsoft Surface W8 Pro: 720 x 1280

Pantallas o monitores

• Pantallas pequeñas (usadas por ejemplo en netbooks): 1024 x 600
• Pantallas medianas: 1280 x 720 / 1280 x 800
• Pantallas grandes: ancho superior a 1400 píxeles, ejemplo 1400 x 900 o 1600 x 1200.

Relojes

• Apple Watch: 42mm de anchura de pantalla, viewport de 256px (calculado en relación al tamaño de pantalla del iPhone)
• 360 Moto Watch: 218 x 281

Asi que con esta información puedes convertir tus sitios en sitios responsive.