- Escribe tu móvil CSS primero. Escriba como si solo estuviera apuntando a un dispositivo móvil.
- Una vez que el dispositivo móvil se ve bien, agregue estilos en consultas de medios para vistas más grandes en etapas que se abren camino a tamaños más grandes.
- Mantenga sus consultas de medios agrupadas por componente y no en una sección u hoja de estilo separada. Si realiza un cambio de código dentro de 2 meses, se olvidará del estilo de consulta de medios en la hoja de estilo separada.
- Los dispositivos móviles tienen velocidades de conexión lentas, así que limite la cantidad de imágenes. Las primeras imágenes móviles deben ser dimensionadas para ventanas gráficas móviles y, a medida que escala, cambie para obtener imágenes más grandes. Este Picturefill ayuda mucho para que el elemento funcione en todos los navegadores.
- Pruebe temprano y pruebe a menudo. Intento hacer cada sección o componente a la vez … si esperas hasta el final, estarás buscando toneladas de líneas de código.
Si esto le resulta útil, vote a favor.