JQuery Mobile es una herramienta poderosa para la creación rápida y eficiente de sitios web adaptados a dispositivos móviles. Facilita el desarrollo al encapsular tareas comunes de JavaScript, optimizando así el proceso.
Cada tema incluye varios ajustes globales, incluyendo la familia de fuentes, sombras para los recubrimientos y valores de radio de esquina para los botones y cajas. Además, el tema puede incluir múltiples muestras de color, cada uno con valores de color para bares, bloques de contenido, botones y elementos de lista y la fuente del texto-sombra.
El sistema separa el tema del color y la textura de los estilos estructurales que definen cosas como relleno y dimensiones. Esto permite que los colores del tema y texturas que se definirán una vez en la hoja de estilo y para ser mezclados, emparejados, y se combinan para lograr una amplia gama de efectos visuales.
La forma más fácil de crear temas personalizados es con la herramienta ThemeRoller. Permite que usted construya un tema, a continuación, descarga un archivo CSS personalizado, dispuesto a dejarse caer en su proyecto.
es un Framework javaScript para el desarrollo rápido y fácil de sitios webs optimizados para teléfonos móviles. Con este framework, aceleramos la velocidad de desarrollo de aplicaciones, encapsulando muchas tareas comunes ue se realizan cuando usamos el lenguaje JavaScript.
Cualquier página se puede presentar como un diálogo modal añadiendo el diálogo de datos = atributo "verdadero" a la página. Cuando se aplica el atributo de "diálogo", el marco añade estilos para agregar esquinas redondeadas, márgenes alrededor de la página y un fondo oscuro para hacer que el "diálogo" parecen estar suspendido sobre la página. Por defecto, el marco también añadirá un botón de cierre si el diálogo tiene un encabezado.
Cualquier página se puede presentar como un cuadro de diálogo modal que parece estar suspendido sobre la página añadiendo un atributo al enlace que lleva a la página de diálogo.
Data-role
The data-role="page" is the page displayed in the browser
The data-role="header" creates a toolbar at the top of the page (often used for title or search buttons)
The data-role="main" defines the content of the page, like text, images, buttons, forms, etc.
The data-role="footer" creates a toolbar at the bottom of the page
