Útil adaptación de la documentación de jQuery para que podamos verla perfectamente desde nuestro iPhone/iTouch.
Viernes ~ Abril 25, 2008
Martes ~ Marzo 25, 2008
aNieto2k ahora personalizada para iPhone e iTouch
18 ComentariosHace 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.
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 
Lunes ~ Febrero 18, 2008
Desarrollo web sobre Mac OS
21 ComentariosHace 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.
Miércoles ~ Enero 16, 2008
Añade un icono webclip para el iPod Touch a tu web
7 ComentariosAyer, 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”.
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.
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 ComentariosVia 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 ComentariosSi 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.
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
- Añadimos una source nueva ( http://jiggyapp.com/i ) a nuestro instaler
- Actualizamos las sources
- 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 ComentariosYa está, ya lo he hecho. Casi sin pensar a las 8:00 de la mañana he pulsado el botón de Comprar.
Jijiji
Jueves ~ Noviembre 29, 2007
Pronto DJ aNieto2k irrumpirá en las pistas
5 ComentariosPos eso, los frutos de la pantalla multitactil son infinitos. iPhone DJ es la muestra de ello.
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 ComentariosCuando 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.
Lunes ~ Noviembre 19, 2007
Añade firma tus correos desde el iPhone/iPod Touch
0 ComentariosPor 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.