Duda: webs para smartphones y tablets
6 seguidores
Buenas, a ver si me podéis aclarar una cosa.
Si tengo ya una web con html y css hecha para un cliente y me pide la versión adaptada para smartphones ¿tengo que rehacerla con el formato de smartphone?.
¿Y como se hace para que desde los smartphones se abra con un formato y con los pc/macs con otro formato?
Por ejemplo, si entro en El País desde mi móvil no lo veo igual que desde mi ordenador. ¿Cómo va eso?
¡¡¡Gracias!!!
asierdm
No tienes que rehacer el contenido para adaptarla a tamaños de pantalla más pequeños (teléfonos y tablets), con el que tienes probablemente te valga en su mayoría. Lo que tienes que hacer es crear reglas específicas CSS para esas pantallas, normalmente en un archivo aparte al que llamas mediante media queries:
Por ejemplo, para iPhone:
<link rel="stylesheet" media="only screen and (max-width: 480px)" type="text/css" href="iphone.css" />
De esta forma cuando tu pantalla sea menor o igual a 480px de ancho cargara el css específico que hayas creado.
Esto es sólo un ejemplo, si investigas un poco más acerca de las media queries en internet hay miles de ejemplos y tutoriales.
tandemtandem
Oye Asier, muchísimas gracias. Ya tengo por donde empezar a investigar :-)
De verdad que estaba muy pez y me ha venido muy bien tu comentario.
¡Saludos!
asierdm
albatros
Hola
Es como dice asierdm lo que se viene ahora a llamar RESPONSIVE DESIGN, busca en google hay ya un monton de cosas te recomiendo esta dirección:
http://www.anidocs.es/bootstrap/docs/index.php
Un saludo
asierdm
De nada :) para eso está el foro, de todas formas seguro que si buscas, aparte de lo que te he comentado, hay alguna cosa más a tener en cuenta para hacer diseño "responsive"
Leewellyne
Volviendo al tema del Bootstrap... Éste me parece que está bien explicado y traducido, pero ¿hay alguna diferencia entre usar ésto o utilizar BoilerPlate? ¿Es lo mismo?
Perdidísima :-S
JCMartinez
Leewellyne
Son completamente distintos. Bootstrap es un framework css y Boilerplate es un pack para inicio de proyectos.
No habría problema en usarlos conjuntamente. Eso si, habría que integrarlos de forma correcta.
Leewellyne
Vale, gracias por tu respuesta, JCMartinez, empezaré a trastear con BoilerPlate ya que tengo que renovar el portfolio y no tengo ni idea de responsive design...
guitobon
Permitidme añadir, que aparte del problema de la presentación en pantalla hay que tener en cuenta la conexión a internet de estos dispositivos.
Cuando estan con wifi, no es tan preocupante, aunque no deja de ser importante. Ultimamente veo muchas webs "optimizadas para red local".
Pero normalmente acceden desde conexiones 3G, por lo tienen menos velocidad de acceso y trafico limitado o de pago por MB.
Adicionalmente, por lo menos ahora en verano y en zonas turisticas las redes 3G estan saturadas y esto hace que la velocidad todavia sea peor (lo sufro en mis propias carnes).
En estos casos todavia es mas importante, controlar esto. Ya que puede ser la diferencia entre que puedan ver nuestro web o no.