Robo de esta respuesta en su mayoría de our mailing list thread on the subject ...
HTML5Boilerplate es el que debe usar si se están iniciando en los sitios web. Está optimizado para funcionar y adaptarse a los navegadores móviles.
Mobile HTML5 Boilerplate está optimizado para aplicaciones web que están explícitamente escritas para tener diferentes UX mientras están en dispositivos que no sean el escritorio.
- Esto significa que pueden querer imitar la interfaz de usuario de las aplicaciones nativas o estar cerca de ella.
- Pueden hacer un uso intensivo de los paradigmas de IU basados en el tacto y otras interacciones que no son posibles en un navegador de escritorio.
- Utilizan explícitamente las consultas de medios y otras formas de detectar un explorador que no sea de escritorio y brindan una experiencia diferente.
Cuando digo aplicaciones web, me refiero a sitios web que se utilizan intensivamente a cumplir ciertas tareas (como twitter.com/gmail.com/facebook.com interfaz /admin de wordpress.com). Se requiere que estos sitios tomen ventaja del espacio disponible y ayudan a los usuarios a realizar sus tareas con el mínimo esfuerzo sin importar el dispositivo.
Por otro lado, tenemos los sitios web que los usuarios visitan de vez en cuando porque encontraron que en el correo electrónico de algún amigo o en reddit que tiene contenido, sino que casi ningún usuario interactuar con él (que no sea sólo de acceder a él oa lo sumo dejando un comentario), en cuyo caso html5 modelo sería ser una buena plantilla para usar. Esta sería una buena opción para la mayoría de los sitios que son ricos en contenido y requieren una mínima interacción del usuario.
Desafortunadamente para nosotros, las plataformas móviles también están creando silos por especificando metaetiquetas personalizadas para optimizar su plataforma. P. ej. Apple recomienda utilizar la metaetiqueta apple-touch-icon para especificar elementos específicos de los navegadores webkit para dispositivos móviles. Nokia tiene el suyo. Hicimos y no queríamos que html5boilerplate agregara tales cruft a los valores predeterminados, pero este sería necesario para alguien que escribe una aplicación diseñada para tomar la ventaja de de dispositivos que no son de escritorio. Ya hay mucha consistencia en , pero deseamos que hubiera más estandarización de las optimizaciones de los dispositivos móviles .
Estamos planeando una actualización a la versión móvil con los archivos más recientes así, pero no hay ninguna desventaja significativa a utilizarlo hoy.Todavía no tenemos un punto de encuentro donde podríamos tener un solo proyecto, pero esperamos que en el futuro lo haga fusionar en uno :)
Impresionante, gracias Paul! – Kurtosis
Me pregunto si puedo usar un enfoque retrógrado y usar BPMobile tanto para escritorio como para web móvil. Estoy trabajando en un proyecto en este momento que utiliza muchas animaciones de jQuery, como paralax y JSclouds, que se ejecuta muy lento y lento en dispositivos móviles. Quiero el mismo UX para ambos entornos. Estoy usando mediaQueries para usar imágenes/elementos más pequeños para pantallas más pequeñas, pero esto no parece optimizar el rendimiento móvil como pensé que sería. ¿Cómo puedo hacer que estos efectos particulares funcionen sin problemas en los dispositivos móviles? – Jim22150