Ir al contenido principal

Deprecations: Add an explicit @return annotation to suppress this message in codeception

El mensaje viene mostrado no por el propio Codeception, sino por "phpunit-bridge", así que simplemente, eliminando este paquete, se eliminan estos mensajes ;)

Tutorial jQuery Mobile: Primeros pasos con jQuery Mobile

S

e está hablando mucho de aplicaciones y página webs para móviles y, aunque cualquier opción es válida, en este artículo hablaremos de cómo adaptar nuestra página web para móviles con la tecnología jQuery Mobile.

Como su propio nombre indica, se trata de una librería basada en jQuery y que hace uso de la misma. Por lo tanto, para su utilización deberemos cargar dicha librería e incluir las especificaciones necesarias en nuestro código para su interpretación.

Por supuesto, esta librería se utiliza sobre HTML5, como no podía ser de otra forma para una tecnología tan novedosa y potente.

Una de las ventaja a destacar es que esta tecnología es compatible con casi la totalidad de los sistemas operativos móviles como Android, iOS, Windows Phone, Blackberry, Bada o Simbian.

El primer paso, como en el uso de cualquier librería, es incluir la librería en nuestra aplicación. Para ello, como casi siempre, disponemos de dos opciones: descargarnos la librería o hacer referencia a su ubicación.

Para descargarnos la librería lo podemos hacer desde la página del proyecto jQuery Mobile. Una vez descargada la guardamos en nuestro directorio de javascripts (por ejemplo) y hacemos referencia a la su ubicación


Si, por el contrario, queremos cargarla directamente del sitio debemos hacer la llamada a la página web del proyecto


Lógicamente no debemos olvidarnos cargar la librería jQuery, de la que hace uso


La estructura básica de una página con jQuery Mobile es muy similar a la de cualquier página, basándose en los atributos data de HTML5 para soportar varios elementos de UI.

Como cualquier página web, la estructura de una página con jQuery Mobile se divide en tres zonas: la cabecera, el cuerpo y el pie. Su definición la vemos a continuación:

     
        

Header Bar

Footer Bar

Como en este blog no tenemos costumbre de tratar los conceptos más básicos de programación, os dejamos el link de las demos oficiales -muy completas por cierto- de la página demos de jQuery Mobile.

En la página jqmgallery podemos ver algunos ejemplos de las aplicaciones que han sido creadas con esta tecnología.

Es hora de que empecéis a crear vuestro primer proyecto con jQuery mobile!

Comentarios

  1. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  2. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  3. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  4. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Exportar archivo de configuración de WinSCP

S i estamos trabajando con WinSCP seguro que ya hemos guardado distintas sesiones para acceder a ellas directamente en futuras ocasiones y evitar volver a introducir todos los parámetro de configuración. Seguro que también muchos de vosotros habéis agrupado las sesiones en carpetas dependiendo de la naturaleza de las mismas. Este trabajo ocupa un valioso tiempo que no nos podemos permitir repetirlo para todos los equipos que tenemos, por lo que lo más lógico es configurar todas las sesiones y exportar su configuración al resto de equipos , teniendo una sola versión y evitarnos tener que volver a configurar todas las sesiones en cada uno. El problema es que WinSCP no nos muestra la opción de exportar de una forma sencilla, por lo que tendremos que buscarnos la vida. Lo primero que debemos hacer es abrir el programa y acceder a Preferencias -> Almacenamiento (o su equivalente al inglés) En esta pantalla deberemos indicar que almacene la configuración en un arc...

Refrescar página web automáticamente con PHP

C uando necesitamos refrescar nuestra página web automáticamente cada cierto tiempo, lo primero que se nos ocurre es utilizar una función en JavaScript, pero debemos saber que también lo podemos hacer con código PHP. La función de refresco de página en PHP es muy sencilla, por lo que pasamos a verla directamente: $self = $_SERVER['PHP_SELF']; //Obtenemos la página en la que nos encontramos header("refresh:300; url=$self"); //Refrescamos cada 300 segundos Nota: 300 segundos = 5 minutos (para que los veáis más claramente).

Montar USB en Ubuntu (Server) modo consola

S i nuestro Linux no es capaz de reconocer nuestro pendrive o nuestro SO no dispone de entorno gráfico, como puede ser en el caso de que utilizemos un Server, nos vemos obligados a montar el USB de forma manual, en este caso con Ubuntu. Dado que los pendrives son montados como unidades de almacenamiento masivo y como si se tratasen de unidades scsi, el usb será nombrado con la tipología "sdxX" donde x (puede ser a,b,c,d) será el canal donde está conectado y X (1,2,3,4,5....) será el numero de dispositivo, cabe destacar que en algunas distribuciones no es necesario el uso del numero de dispositivo X como en slackware (y slamd64). Podemos ver las unidades disponibles con: $ ls /dev/sd* Aunque tal vez sea más conveniente ejecutar el comando: $ls -l /dev/sd* Para ver qué dispositivos se encuentran actualmente en uso nos mostrará las unidades que se encuentran disponibles. Ahora debemos crear una carpeta para montar el usb : #mkdir /media/usb y ejecutamos la siguiente in...