Página de Eric R Kelly

Para reconocer un usuario iPhone, en el documento "index" podemos usar este sencillo código de JS:

if (navigator.userAgent.indexOf('iPhone') != -1) {
/* iPhone user */
window.location.href="iphone/";
}

En el ejemplo, se redirecciona a un folder (directorio) donde se encuentra la versión optimizada para el iPhone.

Si queremos incluir a los usuarios del iPod Touch agregamos el string "iPod" al "if":

if ((navigator.userAgent.indexOf('iPhone') != -1) | (navigator.userAgent.indexOf('iPod') != -1)… Continuar

Algunas recetas de cocina para hacer pequeños ajustes, útiles y que acercan el producto al "look & feel" de un programa (App) desarrollado para el iPhone/Touch.


Ocultar barra de navegación

Crear una "biblioteca" de javascript (o agregar a una ya existente) el siguiente código:

addEventListener("load", function() { setTimeout(hideURLbar, 0);}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}

Incluir en cada página que se desee ocultar la barra de navegación del Safari móvi… Continuar

Ya tenemos las bases para comenzar a desarrollar un "front end" para accesar y consultar ciertas partes de un sistema administrativo para una empresa (previamente implementado usando PHP-MySQL).

En el camino irán saliendo necesidades que servirán para introducir nuevas "instrucciones" y técnicas para que el sitio web esté optimizado para iPhone/Touch.

Lo primero que se va a implementar es la rutina de "login" al sistema, donde se requiere un nombre de usuario y una contraseña previamente asign… Continuar

Ya que vimos como crear una lista simple, vamos a comenzar a aplicar un poco de estilo a la interfaz del sitio web.

De hecho, ya tengo un proyecto al cual aplicar una interfaz exclusiva para iPhone/Touch, y hacia ahí llevare esta serie de tutoriales.

La idea es lograr algo asi:



Usaremos el archivo del… Continuar

Actualmente existen un par de caminos "generales" para desarrollar "Web Applications" para Safari móvil:

- El camino de Apple (iPhone SDK)
- Los otros caminos (a mano, Dreamweaver con o sin extensiones para iPhone, Google Web Toolkit, Eclipse, WordPress y otros mas)

A partir de la salida "oficial" del iPhone SDK, Apple no abandona a los desarrolladores de aplicaciones web e incluye una poderosa herramienta para el desarrollo y puesta a punto de dichos proyectos: Dashcode.… Continuar