Jaipho, nos permite crear una galería de imágenes ideal para los dispositivos iPhone.
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.
Felicidades
- Catuxa Seoane (30 añitos) de http://www.deakialli.com
- Idaho (27 añitos) de http://idaho83.blogspot.com
- gustavitO (18 añitos) de http://www.gustavitoo.com
- Rene Lopez Caballero (30 añitos) de http://www.rene.com.mx|
- Mas +
Contenido
Jaipho, galería de imágenes en javascript para el iPhone
aNieto2k hace 117 días en: Apple, Programacion, iphone, ipod, javascript, webdev
Geolocalización en el iPhone/iTouch 3.0
aNieto2k hace 247 días en: Apple, Programacion, estandares, ipod, javascript, web, webdev
Una de las muchas mejoras que el nuevo firmware del iPhone 3.0 ha traido es la posibilidad de geolocalizar dispositivos desde Safari.
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.
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.
NimbleKit, aplicaciones nativa para iPhone con HTML y JS
aNieto2k hace 298 días en: Programacion, estandares, iphone, ipod, javascript, web, webdev
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.
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
aNieto2k hace 400 días en: Apple, CSS, Programacion, ipod, javascript, webdev
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.
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.
iMeneame.net se lava la cara
aNieto2k hace 511 días en: Apple, CSS, PHP, Programacion, Proyectos, ipod, javascript, webdev, xslt
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.
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.
Oculta la barra de navegación en Mobile Safari sin Javascript
aNieto2k hace 534 días en: Apple, Programacion, estandares, ipod, javascript, web, webdev
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.
Framework CSS y XHTML para desarrollar en iPhone y iPod Touch
aNieto2k hace 622 días en: Apple, CSS, Programacion, estandares, iphone, ipod, web, webdev
Diego Martín Lafuente (aka MiniD) nos ha sorprendido esta madrugada con la presentación de un framework CSS/XHTML para desarrollar aplicaciones web para el iPhone e iPod Touch.
IMG
El framework, sigue la línea de iUI desarrollado por Joe Hewitt, emulando una aplicación nativa evitando romper el equilibrio que Apple consiguió con su dispositivo.
Gracias a que el iPhone/iTouch utiliza Safari, nos permite utilizar las propiedades en selectores de CSS3 extendiendo las posibilidades que Diego ha sabido aprovechar, que junto a un HTML estandarizado y semánticamente correcto nos permite hacer una aplicación de cálidad con muy poca inversión de tiempo.
Diego nos ha dejado una demo para que veamos que ta ha quedado, sinó dispones de un iPhone/iTouch, puedes visualizarlo correctamente con Safari. Un 10 Diego (No serás Maradona??)
La documentación de jQuery en tu iPhone/iTouch
aNieto2k hace 695 días en: Apple, Asides, Programacion, iphone, ipod, javascript, webdev
Útil adaptación de la documentación de jQuery para que podamos verla perfectamente desde nuestro iPhone/iTouch.
aNieto2k ahora personalizada para iPhone e iTouch
aNieto2k hace 726 días en: Apple, PHP, Programacion, Wordpress, hacks, iphone, ipod, webdev
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.
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 
Añade un icono webclip para el iPod Touch a tu web
aNieto2k hace 795 días en: Accesibilidad, Apple, Programacion, estandares, iphone, ipod, web, webdev
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”.
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 />.
wordpress. themes
wordpress.plugins
wordpress.hacks
Wordpress
webkit
usabilidad
themes
Safari
prototype
plugins
plugin
PHP
optimización
Opera
navegadores
MooTools
lightbox
jquery.plugin
jquery
javascript
itouch
iphone
internet explorer
imagenes
IE8
IE6
Humor
HTML5
HTML
hack
google.chrome
google
framework
flash
firefox3
firefox
firebug
estandares
CSS3
CSS
canvas
ajax
Accesibilidad
2.7
2.6
