Ver Mensaje Individual
  #5 (permalink)  
Antiguo 25/11/2013, 19:53
RokuMetal
 
Fecha de Ingreso: enero-2013
Mensajes: 29
Antigüedad: 11 años, 3 meses
Puntos: 8
Respuesta: html para moviles

Cita:
Iniciado por HackID1 Ver Mensaje
Creo que para PC y para móvil ambos deben tener un diseño CSS distinto, para que se acople a la pantalla de cada dispositivo .

Y una pregunta a @ROKUMETAL
En ese link si entramos, que fichero debo descargar para la plantilla correcta de CSS para móviles.

Me interesa saberlo, y luego de descargarla, es una plantilla normal como el resto de CSS ??.
O como se debe trabajar con ella, es para crear mi página web tanto para PC como móvil.

Saludos!
Bueno, en la sección de descargas hay dos tipos de archivos JS y CSS: una versión mínima (minified) que nos sirve cuando ya terminamos el proyecto y la versión descomprimida (uncompressed) que pesa más que la versión mínima y nos sirve cuando estamos en pleno desarrollo. En realidad se puede usar cualquiera sin ningún problema, pero esa es la diferencia.

Es una plantilla normal como el resto de CSS, pero trabaja a la par con el código HTML que éste implementa (pocas palabras, utiliza sus propias clases y esos tipos de cosas). Ejemplo:

Código:
<div class="ui-grid-a">
  <div class="ui-block-a"><button type="button" data-theme="c">Previous</button></div>
  <div class="ui-block-b"><button type="button" data-theme="c">Next</button></div>	   
</div>
Solo necesitarías referenciar el archivo CSS de jQuery Mobile y la clase "ui-grid-a" tomará los atributos declarados del archivo CSS.

Pero si quieres optimizar tu página web en móvil te recomiendo que uses "Diseño responsivo", éste hace uso de media queries (ésta si la puedes implementar en tu archivo CSS con las clases que tu has creado).

Te dejo este enlace para que aprendas un poco más: [URL="http://xitrus.es/blog/2/Responsive_Design"]http://xitrus.es/blog/2/Responsive_Design[/URL]

:)

Última edición por RokuMetal; 25/11/2013 a las 20:02