Creación de aplicaciones de escritorio por JQuery Mobile

Question

Deseo crear una aplicación para computadoras de escritorio.

Y quiero usar el poder de JQuery Mobile.

Pero de forma predeterminada, JQuery agrega cada control en una fila. se ve bien en un teléfono móvil, como la siguiente imagen:

Pero va a ser feo en las grandes pantallas:

Mi pregunta es: ¿Hay alguna manera de aplicación de diseño con JQuery Mobile, estilo de varias columnas?

¿Y cómo crear horizontalmente las aplicaciones de desplazamiento con JQuery Mobile? (Quiero decir, al igual que las aplicaciones de metro de Windows 8 que no tienen desplazamiento vertical en las páginas. Tienen desplazamiento horizontal en las páginas)

Answer 1

jQuery Mobile funciona muy bien con el escritorio, también. Simplemente use un grid para estructurar su contenido.

Creo que la ventaja real de jQuery Mobile tarde o temprano será que solo necesita escribir algo una vez y puede implementarlo en todos los dispositivos, desde el escritorio hasta la tableta, hasta el teléfono inteligente o lo que sea. Aunque hay algo que hacer con jQuery Mobile, esta sería la dirección en la que desearía que se desarrollara.

Hay un montón de plugins de desplazamiento horizontal disponibles. Pruebe JQuery Mobile pagaintion para páginas, photoswipe para imágenes o overthrow para contenido.

Answer 2

He tenido algunos experimentos creando aplicaciones HTML5 como aplicaciones de escritorio, usando Python para crear un juego web ventana e incrustando el sitio web en ella. Le recomiendo usar JQuery si lo desea, pero JQuery o JQuery UI, no JQuery Mobile, porque se ha diseñado para dispositivos táctiles, no para entornos de escritorio. ¿Qué le proporciona jQuery Mobile para el escritorio que JQuery UI no ofrece?

Answer 3

Se podría imitar el sitio de demostración JQM para el enfoque de dos columnas

• http://jquerymobile.com/demos/1.1.0/docs/about/intro.html

Y para el desplazamiento podría utilizar algo como esto

• http://code.jquery.com/mobile/latest/demos/experiments/scrollview/
• http://code.jquery.com/mobile/latest/demos/experiments/scrollview/scrollview-direction.html (Desplazamiento horizontal)

Answer 4

No es una buena idea usar Jquery mobile para aplicaciones de escritorio. En cambio, es una buena idea escribir la aplicación de escritorio usando Jquery UI y la aplicación móvil usando JQuery mobile. Dependiendo del tipo de cliente (móvil o de escritorio), use la biblioteca apropiada y represente la respuesta.

Es posible que desee ver Haxe http://haxe.org/ que es compatible con múltiples plataformas. Es posible que le resulte interesante escribir la aplicación en un idioma y realizar una compilación cruzada con muchas otras plataformas/idiomas de destino.

Answer 5

Simplemente use Cuadrículas de diseño. La demostración se proporciona aquí: http://demos.jquerymobile.com/1.3.0-rc.1/docs/content/content-grids.html