Contenido

PastryKit, framework JS/CSS para trabajar con iPhone de Apple

16 Dic

+ 5

PastryKit, es un framework destinado para crear aplicaciones para iPhone como si fueran nativas. El framework, desarrollado por Apple, forma parte de una página pública que Apple ofrece como “Manual de usuario” online del iPhone. La página solo está disponible desde el iPhone, así que si intentamos acceder desde cualquier navegador nos redireccionará a otra versión.

Desde Safari, podemos acceder indicando el Agente de usuario adecuado:

PastryKit
(Ver Imagen)

La URL a la que debemos acceder es:

http://help.apple.com/iphone/3/mobile/

En ella podemos ver los ficheros JS y CSS del framework. Por el momento, es lo único que tenemos ya que no hay documentación al respecto por parte de Apple, aunque ahora será cuestión de tiempo que alguien saque una documentación no oficial que nos muestre las opciones de esta herramienta.

JS:

  • http://help.apple.com/ipodtouch/3/mobile/dist/PastryKit-ug-compact.js
  • http://help.apple.com/ipodtouch/3/mobile/javascript.js

CSS:

  • http://help.apple.com/ipodtouch/3/mobile/style/stylesheet.css

Via

Jaipho, galería de imágenes en javascript para el iPhone

24 Nov

+ 0

Jaipho, nos permite crear una galería de imágenes ideal para los dispositivos iPhone.

iui
(Ver Imagen)

La apariencia, muy similar a la galería del propio iPhone, nos permite visualizar muy fácilmente esas imágenes que queremos mostrar al mundo.

Demo / Descargar / Manual de instalación

Geolocalización en el iPhone/iTouch 3.0

17 Jul

+ 6

Una de las muchas mejoras que el nuevo firmware del iPhone 3.0 ha traido es la posibilidad de geolocalizar dispositivos desde Safari.

map-location
(Ver Imagen)

Código

// Obtenemos la localización
function displayLocation(position){
 var latitude = position.coords.latitude;
 var longitude = position.coords.longitude;

 // Hacemos algo ...
}

// En caso de error
function handleError(error){
 switch (error.code){
 // Si el usuario no nos dá permisos.
 case error.PERMISSION_DENIED:
 alert('Sorry. Permission to find your location has been denied.')
 break

 // Si la posición no puede ser localizada.
 case error.POSITION_UNAVAILABLE:
 alert('Sorry. Position unavailable.')
 break
 default:
 alert(error.code)
 }
}

// Llamamos al método de localización
navigator.geolocation.watchPosition(displayLocation, handleError);

Como vemos en el código anterior, lanzamos el método watchPosition() del objeto navegator.geolocation pasándole dos parámetros, uno para el caso de ir todo correcto (displayLocation) y handleError nos capturará cualquier error que pueda ocurrir en el proceso.

En dislayLocation vemos como el objeto que recibimos como parámetro (position) nos ofrece las coordenadas que podremos usar para nuestro script.

map-permission
(Ver Imagen)

Por otro lado el usuario deberá aceptar si quiere compartir su geolocalización o seguir en el anonimato. Esto puede dar lugar a un nuevo tipo de aplicaciones para este dispositivo.

Activar la navegación por teclado en los navegadores de MacOs X

10 Jun

+ 1

La gente de 456 Berea St nos muestran como activar la navegación por teclado en los diferentes navegadores disponibles para MacOs X. Al parecer, por defecto esta opción no viene completamente activa lo que hace que la navegación con teclado es parcial e incompleta. De esta forma podremos ponernos en el caso del usuario que no tiene ratón y quiere navegar por nuestra web (por ejemplo :D ).

NimbleKit, aplicaciones nativa para iPhone con HTML y JS

27 May

+ 3

NimbleKit es una extensión de Xcode con el que podremos desarrollar aplicaciones para el iPhone/iPod Touch pero sin necesidad de saber Object C. Se trata de intentar hacer que los desarrolladores web tengamos posibilidad de realizar estas aplicaciones e incluso subirlas al App Store de Apple. Todo ello, desarrolllando como lo venimos haciendo, usando tecnologías como HTML y Javascript.

road-map
(Ver Imagen)

Dispone de una serie de funciones que activarán los elementos nativos del dispositivo. Además de …

  • Control completo de la apariencia de la aplicación
  • Posibilidad de reproducir sonido en streaming
  • Controlar la vibración
  • Soporte de la Agenda
  • Acceso a ficheros
  • Acceso a Internet

Crear un iCal (estilo iPhone) con jQuery

14 Feb

+ 16

El calendario del iPhone va a dejar de ser únicamente conocido por ese nombre ya que ahora con jQuery podemos conseguir un calendario de similar aspecto para nuestras páginas web.

ical_jquery

Mediante unas tablas, un poco de CSS y un mucho de jQuery obtenemos el resultado que podemos ver en el ejemplo. Tambien podemos descargar el código y usarlos en nuestras aplicaciones web.

Primeras imagenes de Google Chrome para Mac Os X

14 Feb

+ 3

Aunque hace ya muchos meses que apareció Google Chrome en nuestras vidas. Como casi todos los productos de Google se ha convertido en algo que usamos a diario. Personalmente no es el navegador que más me gusta, pero gracias a su velocidad, tanto de arranque como en la carga de páginas, se ha ganado un icono fijo en mi escritorio (en el trabajo).

firstchromepageever

Esta imagen muestra que Google Chrome en Mac OS X es una realidad y que están trabajando en ella. Una versión que sorprendentemente aún no está para este sistema operativo.

Recordemos que hace unos meses hablamos de Stainless, una versión compilada para Mac OS X que no acababa de funcionar perfectamente, pero que nos permitía darnos una idea de lo que podríamos llegar a tener con la versión oficial.

Más información / Via

iMeneame.net se lava la cara

26 Oct

+ 17

Hace más de un año que iMeneame vió la luz, la versión para el iPhone de Meneame.net (versión no oficial) ha tenido que aguantar con un diseño realmente horrible (evidentemente mio) hasta que me he topado con Lucas Savelli de WydStudio.

new_imeneamenew_meneame_single

Gracias a Lucas, iMeneame ha adquirido un aspecto más moderno y más eficiente para el dispositivo que fue creado. Debido a que el contenido lo saco del RSS de Meneame me veo condicionado a lo que este formato nos devuelve, las limitaciones del XSL tampoco han ayudado mucho, pero creo que el resultado es más que satisfactorio apesar de las salvedades encontradas.

Espero que os guste, y me comuniqueis todos los fallos e impresiones.

¿Firefox Multitouch?

22 Oct

+ 2

Hace unos días, Apple anunció la nueva versión de MacBook y MacBook Pro. Ambos incluyen de serie la tableta del ratón multitactil, lo que significa una nueva forma de interactuar con el sistema operativo, y ¿por que no? con la web.

Al parecer Edward Lee ha pensado en ello y ha montado una versión de Firefox 3.1 con un sistema de manejo multitouch para ir abriendo boca. Únicamente disponible para MacOs X.

Oculta la barra de navegación en Mobile Safari sin Javascript

3 Oct

+ 7

Mobile Safari es el navegador que nos encontramos en los iPhone/iPod Touch y sus aplicaciones web está revolucionando la navegación móvil de una forma espectacular. Hace unas semanas vimos como ocultar la barra de navegación usando Javascript y vimos que de esta forma agrandamos la parte visible de la página mostrando más información a usuario, algo realmente importante en este tipo de dispositivos.

Ahora via Ajaxian, descubro la forma de hacer mediante el uso de tags <meta /> en nuestro <head />:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

Podemos ver una demo directamente desde este enlace.