una tamaño resoluciones resolucion plantillas para pantalla paginas pagina movil medidas imagenes gratis ejemplos dispositivos diseño dimensiones descargar completa codigos codigo css templates mobile

css - resoluciones - tamaño para web responsive



¿Alguien tiene un buen recurso para plantillas de CSS móviles que funcionan en la mayoría de los teléfonos/dispositivos? (5)

No me olvido de Nokia Mobile Web Template . Es un vendedor de teléfonos más grande.

Cada vez más dispositivos móviles consumen contenido en mis sitios de comercio electrónico. IPhones, Blackberries, PSP, Windows Mobile, etc. y necesito algunas ideas sobre cómo reorganizar mis datos usando plantillas CSS para estos dispositivos. Cualquier idea sería genial.


Recomiendo que vean lo que Delta Airlines hace con CSS en http://mobile.delta.com . Reciben ayuda de una compañía llamada MShift que hace un montón de banca móvil (que, obviamente, tiene que trabajar en muchos dispositivos diferentes).

Puede obtener inspiración de la hoja de estilo utilizada por el sitio de Delta con https://my.mshift.com/deltacss.css .

Finalmente, hay una larga lista de sitios demo de MShift en http://www.mshift.com/demo.html .

FWIW, no tengo ninguna asociación con Delta o MShift, acabo de admirar su interfaz de usuario móvil.


Tengo un PSP, tiene un navegador basado en WebKit (también Google Chrome y Safari usan el motor WebKit), así que cualquier sitio que funciona bien en Safari / Chrome funcionará bien en PSP. Sin embargo, PSP tiene una resolución de 480 × 272, por lo que si desea apuntar a la plataforma PSP, debe tener en cuenta esta pequeña resolución.

Probablemente encontrará estos recursos interesantes:

  1. Blog de IEMobile: http://www.microsoft.com/windowsmobile/en-us/downloads/microsoft/internet-explorer-mobile.mspx
  2. Diseño web para Sony PSP - http://www.brothercake.com/site/resources/reference/psp/
  3. Desarrollo web para iPhone - http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/

Por lo tanto, en general, si desea orientar sus anuncios a dispositivos móviles, deberá asegurarse de que su sitio web de comercio electrónico funcione bien en pequeñas resoluciones, no use activeX (ya que no funcionará en iPhone Safari, Opera Mini y navegador PSP), etc. Simplemente mantenlo simple :)


Yo diría que sea lo más simple posible. Internet en los teléfonos puede ser 3g / wifi o tan lento como te puedas imaginar. Mantendré la prueba grande para que sea más fácil de leer, y enlaces fáciles de hacer clic si está apuntando a un dispositivo táctil. También diría que no a las imágenes a menos que sean de 1 kb o menos.


WURFL es el mejor recurso abierto para manejar las propiedades del navegador específicas del dispositivo, incluido el CSS.