Consulta sobre maquetación web para iPhone y iPad
5 seguidores
Hola todos!
Tendría que maquetar una web (html css jquery) para que se pueda ver también en iPhone y iPad.
La pregunta es:
¿Teniendo en cuenta las medidas, hace falta alguna programación en concreto?
Sé que se pueden crear distintos css si la visualización es horizontal o vertical pero para la parte html no estoy seguro si es posible aprovechar la maquetación que se hace para la versión navegador.
¡muchas gracias!
Pedro Gutierrez
Lo mejor es poner en práctica el Responsive Design, te recomiendo que le eches un ojo a unos artículos que llevo escribiendo desde hace bastante.
Espero que te sean de ayuda.
cami_rodriguez_693
Mira, yo te recomendaria usar Media Querys.
Es bastante bueno, ademas te va a ser sencillo, y si no sabes mucho de maquetacion web seguramente te servira, espero que te sirva.
Saludos, y besos.
Camila.
ivoserrano.com Profesor Plus
Normalmente yo lo haria con media querys. Te esta manera con un solo desarrollo puedes adaptarlo a cualquier dispositivo.
Te paso el enlace de w3c donde explica que es http://www.w3.org/TR/css3-mediaqueries/
marco_sansa
Gracias MadDunDee es lo que ya sabía yo pero más que nada necesitaba una confirmación o algo más. Si, effectivamente sería mejor diseñar varias versiones para cada dispositivo teniendo en cuenta las limitaciones.
Gracias para los links ahora le echo un vistazo! Son interesantes...
;)
MadDunDee
Aquí creo, o al menos yo hago esa diferencia, que no es lo mismo crear un sitio para escritorio e iPad que incluir también en el concepto de diseño dispositivos móviles como el iPhone. Considero que los tamaños aquí son suficientemente distintos como para no poder plantear diseños tan versátiles, con lo cual sí o sí necesitarás realizar un diseño particular para el iPhone.
Dependiendo de la naturaleza y finalidad de tu proyecto podrás realizar unos diseños u otros pero creo que en el mejor de los escenarios lo ideal es diseñar específicamente para cada dispositivo, yo al menos a la hora de presupuestar realizo una estimación de la versión de escritorio y luego de un modo opcional, haciendo hincapié en la importancia de ello, planteo el diseño para dispositivos móviles y tablets.
Cómo detectas por ejemplo si el usuario de tu sito está navegando con un iPad:
Puedes usar javascript así - http://davidwalsh.name/detect-ipad
O puedes hacerlo mediante media query, así:
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
A mi esta solución para casos muy concretos me parece muy práctica y sencilla de implementar.
Aquí tienes una reseña interesante para que puedas ver este tipo de implementaciones y el potencial de media query - http://matthewjamestaylor.com/blog/ipad-layout-with-landscape-portrait-modes
No son un montón de respuestas, pero algo es algo, no?
;)
marco_sansa
vaya, un montón de respuestas...