Viernes ~ Abril 25, 2008

La documentación de jQuery en tu iPhone/iTouch

2 Comentarios

Útil adaptación de la documentación de jQuery para que podamos verla perfectamente desde nuestro iPhone/iTouch.

#

Martes ~ Marzo 25, 2008

aNieto2k ahora personalizada para iPhone e iTouch

18 Comentarios

Hace tiempo que quería hacer una versión personalizada para los usuarios que visitan el blog desde el iPhone e iTouch, aprovechando el descubrimiento de Massive News “Mobile Edition” he pensado en hacer uso de él y condicionar la visualización del blog dependiendo del dispositivo desde el que se ve.

anieto2k_iphone.jpg

Usando el fichero my-hacks.php he añadido una condición que me indica si el usuario está accediendo desde un iPhone/iPod Touch y en caso afirmativo le digo que para ese usuario me cargue el theme Massive News “Mobile Edition”.

<?php
function is_iphone($user_agent) {
        return (bool)eregi('(iPhone|iPod)', $user_agent);
        }

function theme_for_iphone($tpl) {
        if (!is_iphone($_SERVER['HTTP_USER_AGENT'])) return $tpl;
        else return “mobile”;
}

add_filter(’template’, ‘theme_for_iphone’);
?>

 Como podemos ver, es un código bastante claro que me ayuda a distinguir entre iPhone/iPod y el resto.

Para que todo funcione correctamente, he introducido el theme en el directorio wp-content/themes/ y he activado el plugin wp-pagenavi, que se complementa perfectamente para mejorar gráficamente la paginación del theme.

Por el momento no he podido hacer que funcione con 1BlogCacher o WP-Cache, pero solo es cuestión de tiempo :D

Lunes ~ Febrero 18, 2008

Desarrollo web sobre Mac OS

21 Comentarios

Hace unos días recibí un mail en el que me pedían que publicara este post, uno en el que indicara las herramientas que uso para desarrollar sobre mac. Inicialmente pensé que sería un poco corto el post, por que soy de los desarrolladores que usan herramientas rudimentarias y la verdad es que con TextMate lo hago casi todo, pero indagando un poco sobre el tema he encontrado una serie de herramientas que me ayudarán a desarrollar y que poco a poco iré integrando en mi día a día.

continuar…

Miércoles ~ Enero 16, 2008

Añade un icono webclip para el iPod Touch a tu web

7 Comentarios

Ayer, en la keynote de Apple, además de presentar el Macbook Air, Apple presentó la nueva actualización de pago para el iPod Touch. Esta actualización, permite disponer de las aplicaciones que tiene por defecto el iPhone y “Home Screen”.

ipod-touch-features1.png

Home Screen te permite organizar los iconos de la pantalla, cambiar los elementos del dock y añadir hasta 8 páginas de inicio llamadas WebClip, simplemente son enlaces directos a tus páginas preferidas desde el menú principal de dispositivo.

Entre las demás mejoras, Safari sufre una modificación y se le incorpora la posibilidad de añadir al menú principal directamente desde el menú de inferior. Lo que facilita la insercción de nuestros WebClip en nuestro iTouch.

add_to_home_ipod_touch_1.jpgadd_to_home_ipod_touch_2.jpg

Para hacer que nuestro sitio esté preparado para esta nueva funcionalidad, tendremos que añadir el siguiente código y cargar una imagen que será importada como icono para lanzar nuestra aplicación.

<head>
    <title>aNieto2k</title>
    <link rel="apple-touch-icon" href="/anieto2k-webclip.png"/>
</head>

La imaden que crearemos tendrá que ser un PNG de 57×57 pixeles (si el tamaño es diferente, se cortará o expandirá lo que haga falta), y tendrá el nombre indicado en el href="" de nuestro <link />.

Martes ~ Diciembre 25, 2007

window.onorientationchange, conoce la orientación de tu iPhone

2 Comentarios

Via Ajaxian, descubor que Apple ha publicado un ejemplo con el que podremos conocer la orientación de nuestro dispositivo. Conociendo si está apaisado o vertical, podemos controlar, aún más nuestras aplicaciones web. 

Mediante una propiedad del window de Safari, podremos conocer en que posición está colocado nuestro dispositivo, y mediante un método creado para esto, nos avisará en el momento en que esta posición cambie.

Ejemplo

window.onorientationchange = function(){
  var orientation=window.orientation; //Orientación actual del dispositivo
  switch(orientation) {
    case 0: ...; break;
    case 90: ...; break;
    case -90:  ...; break;
  }
}

De esta forma en cuanto el dispositivo cambie de orientación, nos avisará mediante el método onorientationchange y mediante javascript podremos manipular nuestra página para adaptarla a las nuevas condiciones. 

Miércoles ~ Diciembre 19, 2007

Jiggy, un IDE via Web para tu iPhone/iPod Touch

3 Comentarios

Si eres un desarrollador concienciado en que la tecnología móvil será una trozo importante del pastel de Internet, seguro que coincides conmigo en que el iPhone/iPod Touch es el comienzo de lo que ha de venir. Por ese motivo hemos de empezar a pensar en apostar por el desarrollo sobre estos dispositivos y la forma más fácil es mediante Jiggy.

Jiggy es un IDE para que puedas desarrollar para tu iPhone/iPod Touch mediante un editor completamente web. Instalando una aplicación en tu dispositivo, cargarás un servidor web con los ficheros necesarios para que la edición desde tu navegador sea posible. Ver video.

jiggy.jpg

Trás la insercción de código nos aparecerá una aplicación nueva en nuestro SpringBoard que al ejecutarla lanzará nuestro código.

Instalación

Para instalar la aplicación, podemos hacerlo directamente desde Instaler o descargar el zip directamente desde aqui

Instaler

  1. Añadimos una source nueva ( http://jiggyapp.com/i ) a nuestro instaler
  2.  Actualizamos las sources
  3. Descargamos JiggyApp

Anatomía de una JiggyApp

Las JiggyApp, se componen de una serie de ficheros:

  • Jiggy, Se trata del ejecutable que lanzará nuestra aplicación.
  • Info.plist: Fichero requerido por el iPhone con la información básica sobre la aplicación.
  • icon.png: El icono que hayamos decidido usar para nuestra aplicación.
  • metadata.js: La metadata de nuestra aplicación se encontrará aqui.
  • main.js: Fichero principal de nuestra JiggyApp. Este fichero es el que se ejecuta cuando lanzamos nuestra aplicación.

Tenemos una documentación bastante bien detallada para que no tengas limitaciones a la hora de ponerte a desarrollar.

Hola mundo versión JiggyApp

Plugins.load( "UIKit" );

var window = new UIWindow( UIHardware.fullScreenApplicationContentRect );
window.setHidden( false );
window.orderFront();
window.makeKey();
window.backgroundColor = [ 0.8 , 0 , 0, 1 ];

var mainView = new UIScroller();
mainView.contentSize = [ window.bounds[ 2 ] * 2 , window.bounds[ 3 ] * 2 ];
mainView.backgroundColor = [ 0 , 0 , 0 , 0 ];

window.setContentView( mainView );

var hello = new UITextLabel( [ 20 , 20 , window.bounds[ 2 ] - 40 , 100 ] );

hello.text = “Hello World!”;
hello.backgroundColor = [ 0 , 0 , 0 , 0.25 ];
hello.setFont( new Font( “Trebuchet MS” , 2 , 46 ) );
hello.color = [ 1 , 1 , 1 , 1 ];
hello.centersHorizontally = true;

mainView.addSubview( hello );

Viernes ~ Noviembre 30, 2007

Me pareció ver un iMac de camino

32 Comentarios

Ya está, ya lo he hecho. Casi sin pensar a las 8:00 de la mañana he pulsado el botón de Comprar.

iMac apple de camino

Jijiji :D

Jueves ~ Noviembre 29, 2007

Pronto DJ aNieto2k irrumpirá en las pistas

5 Comentarios

Pos eso, los frutos de la pantalla multitactil son infinitos. iPhone DJ es la muestra de ello.

iPhone/iPod Touch DJ

Características

  • Cargar y reproducir canciones MP3
  • Cross-Fader entre 2 canciones
  • Fowars/Reverse en canciones (rotando los discos)
  • Speed/Pitch con control por Slide.
  • Speed/Pitch tocando los discos
  • Efecto Scratch
  • Control de volumen de dos canales

Aún es una foto, pero se promete.

Viernes ~ Noviembre 23, 2007

Ordena los iconos de tu iPhone/iPod Touch con iOrder

2 Comentarios

Cuando compré el iTouch, me molestaba mucho tener los iconos ordenados de esa manera sin posibilidad de reordenarlos a mi antojo. Eso de tener que echar un vistazo para encontrar la opción no me acababa de gustar, así que me puse a buscar algo para solucionar este problema.

iOrder es la solución a todos estos males, se trata de una aplicación (para Windows) que nos permite ordenar las aplicaciones de nuestro iPhone o iPod Touch. Por desgracia, solo tiene las aplicaciones del source original y no tiene una forma fácil de añadir nuevas aplicaciones.

screenshot1.png

continuar…

Lunes ~ Noviembre 19, 2007

Añade firma tus correos desde el iPhone/iPod Touch

0 Comentarios

Por fin, otro nuevo truco para mi juguetito favorito. Nos da la posibilidad de añadir firma a nuestro correos salientes desde el Mail del iPhone/iPod Touch.

#

Quizas te pueda interesar

Esta web se encuentra sobre la licencia Creative Commons (Reconocimiento - Compartir igual) / Politicas de uso