Os presentamos otra idea para un desarrollo Web para nuestro dispositivo iPhone. Viene de la mano de CSS-Tricks y nos muestra la forma de realizar una aplicación Web, con un elegante estilo y apta para mostrar contenidos de una fuente RSS. (Fuentes disponibles)

Aunque indican que la idea es que pueda ser utilizada para cualquier dispositivo móvil, inicialmente está desarrollada para iPhone y lo consiguen gracias a un estilo de la librería JQuery, en concreto JQuery Slider que muestra como de una sección a otra la pantalla es desplazada, y de SimplePie para recopilar contenidos de una fuente RSS.

El manual que nos presenta CSS-Tricks se divide en varios puntos:

1. Crear el entorno para iPhone. En este punto nos muestra como utilizar el meta-tag viewport para mostrar el contenido en toda la resolución de nuestro dispositivo iPhone y como nos apoyamos en ciertos estilos de CSS.

2. Recoger datos de una fuente RSS. Lo siguiente será recoger los contenidos que deseamos mostrar de un origen de feeds de RSS, gracias a SimplePie, la cual está desarrollada en PHP.

3. Creando las cabeceras de nuestros contenidos. El tercer punto será mostrar en HTML apoyándonos de nuevo en CSS las cabeceras de los contenidos utilizando para ello acertadas imágenes en PNG con transparencia. 

4. Crear las páginas de los contenidos. Una vez seleccionemos cualquier cabecera de algún artículo, este será mostrado en una página, previo efecto de desplazamiento, utilizando el estilo slider de JQuery que antes comentábamos.

5. Implementando la opción de volver. Para finalizar y de nuevo gracias a JQuery, nos muestran como implementar la opción de volver, volviendo a hacer uso del estilo de desplazamiento.

 

El resultado es realmente bueno y aquí podéis ver una demostración del mismo.