Planeta WordPress » iPod http://planetawordpress.org Thu, 24 May 2012 18:58:09 +0000 en hourly 1 http://weblog.mx/?v=3.3.2 Convierte de texto a voz tus entradas http://ayudawordpress.com/convierte-de-texto-a-voz-tus-entradas/ http://ayudawordpress.com/convierte-de-texto-a-voz-tus-entradas/#comments Wed, 21 Sep 2011 23:30:50 +0000 planetawordpress http://ayudawordpress.com/?p=10375 Sigue leyendo que hay más →

]]>

Seguramente no se te han ocurrido las ventajas que tiene que tus lectores puedan escuchar las entradas de tu sitio en vez de leerlas.

Aparte de personas con problemas de visión, ofrecer la lectura de tus artículos puede tener otras ventajas, como por ejemplo que tus lectores escuchen lo que has escrito desde su mientras van en el autobús o paseando por la calle.

Si se te ha ocurrido algo así debes saber que también tenemos algún plugin para hacerlo. Uno de ellos se llama Vocalyze Widget, y es tan sencillo su uso como instalarlo, activarlo y añadas el nuevo widget en la pantalla de "Apariencia -> Widgets". Solo tienes que configurar un poco el widget añadiendo la URL de tu sitio (no lo reconoce automáticamente) y, si quieres, un icono identificativo.

A partir de ese momento, si el widget identifica un feed RSS que "leer" es lo que hará cuando tus visitantes hagan clic en el icono. Al hacerlo se abrirá una ventana nueva y empezará la "reproducción".

¿Pegas?, pues me temo que si, pues solo lee bien en inglés, así que para los sitios en español y otros idiomas se nos queda un poco escaso. Pero no te preocupes, hay más opciones …

  • vozMe: un servicio que - este si - te lee en español tu web, y afortunadamente también dispone de plugin para WordPress
  • RoboVoice: un servicio que te ofrece un para tu navegador desde el que traducir webs
  • BlogRadio: una aplicación para , y que permite a cualquier lector (en este caso escuchante) leer cualquier blog o web en su escritorio. También aquí puedes elegir voces en español

Bueno, estas son las opciones que conozco, si sabes de alguna más cuéntala en los comentarios.

]]> http://ayudawordpress.com/convierte-de-texto-a-voz-tus-entradas/feed/ 0 ¿Dónde están mis aplicaciones iPhone .ipa en Windows o Mac? http://carrero.es/donde-estan-mis-aplicaciones-iphone-ipa-en-windows-o-mac/5396?utm_source=rss&utm_medium=rss&utm_campaign=donde-estan-mis-aplicaciones-iphone-ipa-en-windows-o-mac http://carrero.es/donde-estan-mis-aplicaciones-iphone-ipa-en-windows-o-mac/5396?utm_source=rss&utm_medium=rss&utm_campaign=donde-estan-mis-aplicaciones-iphone-ipa-en-windows-o-mac#comments Mon, 24 Jan 2011 08:38:39 +0000 planetawordpress http://carrero.es/?p=5396 Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

¿Dónde están mis aplicaciones iPhone .ipa en Windows o Mac?

]]>

mobile applications on mac ¿Dónde están mis aplicaciones iPhone .ipa en Windows o Mac?Muchas veces nos preguntamos donde narices guarda iTunes todas las aplicaciones de iPhone, iPod o iPad que nos descargamos para poder copiarlas a otro ordenador, hacer una copia manual de las mismas o lo que nos venga en gana. Yo mismo me volví algo loco buscándolas, así que os dejo este sencillo artículo para que podáis localizar la ruta de los ficheros .ipa sin problemas en Windows o Mac OS X.

No os voy a poner el detalle de como conseguir la ruta porque creo que con las ruta modelo es suficiente para localizar los ficheros.

En Windows tenéis que buscar en la carpeta de vuestro usuario, aquí os dejo un ejemplo con mi usuario: C:\Users\dcarrero\Music\iTunes\iTunes Media\Mobile Applications

Y la localización de los ficheros .ipa en Mac OS X también con mi usuario sería: dcarrero/Music/iTunes/Mobile Applications o en los iTunes más nuevos es: dcarrero/Music/iTunes/iTunes Media/Mobile Applications

Actualización: @agustingomes nos comenta que en su Mac la ruta es dcarrero/Music/iTunes/iTunes Music/Mobile Applications

No hace falta que comente que tenéis que poner vuestro usuario y que hay directorios como “Music” que en vuestro sistema lo veréis como “Musica”, por ejemplo.

vía: Pressbyte

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

¿Dónde están mis aplicaciones iPhone .ipa en Windows o Mac?

]]> http://carrero.es/donde-estan-mis-aplicaciones-iphone-ipa-en-windows-o-mac/5396/feed 0 45 diseños web para móvil para ver las tendencias del futuro http://carrero.es/45-disenos-web-para-movil-para-ver-las-tendencias-del-futuro/4877 http://carrero.es/45-disenos-web-para-movil-para-ver-las-tendencias-del-futuro/4877#comments Mon, 07 Jun 2010 10:30:56 +0000 planetawordpress http://carrero.es/?p=4877

Aquí os dejamos una selección de 45 sitios web para móviles con los que podrás acercarte un poco más hacia las tendencias que posiblemente puedan marcar el futuro de la web tal y como la conocemos hoy. Estos diseños web para móvil son interesantes trabajos para disfrutar, aprender e inspirarse para entrar en este mundo.

Estos diseños han sido probados en iPhone, iPod Touch, Android, … y si no tienes como verlos puedes buscar algún emulador de iPhone o Android para ello. Recuerda además que normalmente los diseños móviles saltan a un dominio del tipo m.dominio.com o dominio.mobi para mostrarse en estos dispositivos.

A continuación puedes ver la colección capturas de sitios móviles:

alex buga mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro ammy stoddard mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro android me mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro aol money finance mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro burger king mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro coosh mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro cwtv mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro design quest mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro deviant art mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro digg mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro dolce gabbana mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro erskine mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro far from fearless mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro flickr mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro htc mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro i weathr mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro lexus isf mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro marcel muller mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro marina yachting mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro mashable mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro mcdonalds mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro mobilize media mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro myspace mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro nclud mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro nike lab mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro pixanimal mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro plaveb mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro print fancy mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro procab studio mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro productive dreams mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro singlehop mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro smashing magazine mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro sony mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro title mobile web design iphone inspiration 45 diseños web para móvil para ver las tendencias del futuro toy soldier mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro twitter mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro university of alabama mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro victoria secret pink mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro vimeo mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro virgin blue mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro vondi mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro wacom bamboo mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro wegmans mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro wvu today mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro yellow pages mobile web design showcase 150x150 45 diseños web para móvil para ver las tendencias del futuro

vía: 1st web designer

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

45 diseños web para móvil para ver las tendencias del futuro

]]> http://carrero.es/45-disenos-web-para-movil-para-ver-las-tendencias-del-futuro/4877/feed 0 Administra tu WordPress desde el iPad http://www.anieto2k.com/2010/04/03/administra-tu-wordpress-desde-el-ipad/ http://www.anieto2k.com/2010/04/03/administra-tu-wordpress-desde-el-ipad/#comments Sat, 03 Apr 2010 09:45:24 +0000 aNieto2K http://www.anieto2k.com/?p=9769 está apunto de hacerlo) y si eres un apple fanboy que ya lo tenga ya puedes administrar tu WordPress como Diós manda desde el iPad con WordPress for iPhone OS 2.4. Una aplicación que podrás descargar desde iTunes e instalar en tu iPad para administrar tu WordPress.

wordpress-ipad-compose (Ver Imagen)

Básicamente me parece la versión del iTouch inflada con un inflador de playa, mucho más grande y cómoda de usar, pero sin aportar nada nuevo. Via
wordpress-ipad-comment (Ver Imagen) wordpress-ipad-portrait (Ver Imagen)
mzl.ktqrwwft.480x480-75 (Ver Imagen)

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2010/04/03/administra-tu-wordpress-desde-el-ipad/feed/ 0 Prepara tu sitio para iPhone http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/ http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#comments Tue, 09 Mar 2010 00:08:18 +0000 planetawordpress http://ayudawordpress.com/?p=7329

Impresionante la recopilación realizada por Cats who code sobre códigos con los que adaptar tu sitio a la visualización en iPhone. Como creo que es de un gran interés para desarrolladores y usuarios avanzados y que, por supuesto, son aplicables a WordPress, aquí los tienes con alguna adaptación a nuestro entorno:

Detectar iPhones e iPods usando Javascript

Al desarrollar para iPhone o iPod Touch lo primero que hay que hacer es detectarlo para que, luego, le apliquemos códigos o estilos. El siguiente código d etecta iPhones o iPods usando Javascript, y los redirige a una página  específica para iPhone.

Clic para ver Texto Plano
JavaScript:
  1. if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
  2.     if (document.cookie.indexOf("iphone_redirect=false") == -1) {
  3.         window.location = "http://m.espn.go.com/wireless/?iphone&i=COMR";
  4.     }
  5. }

Fuente: http://davidwalsh.name/detect-iphone

Detectar iPhones e iPods usando PHP

Aunque el código anterior funciona de maravilla puede que Javascript esté desactivado en el iPhone. Si fuera el caso puedes usar PHP para detectar iPhones o iPods Touch.

Clic para ver Texto Plano
PHP:
  1. if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')) {
  2.     header('Location: http://yoursite.com/iphone');
  3.     exit();
  4. }

Fuente: http://davidwalsh.name/detect-iphone

Definir el ancho de iPhone como viewport

En muchas ocasiones visitas una web con tu iPhone y la ves en miniatura. La razón es que el desarrollador olvidó definir el viewport (o no sabe que existe). La declaración de width=device-width te permite definir el ancho del documento al ancho de la pantalla del iPhone. Las otras dos declaraciones son muy útiles si estás desarrollando un sitio  "solo para iPhone". En caso contrario puedes borrar estas dos declaraciones.
Definir un viewport es fácil: Simplemente inserta el siguiente meta en la sección "head" de tu sitio (fichero "index.php" de la plantilla activa):

Clic para ver Texto Plano
PHP:
  1. <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

Fuente: http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

Insertar un icono específico para iPhone

Cuando un usuario añade tu web a su página de inicio el iPhone usa una captura de pantalla de tu sitio como icono. Pero tu puedes ofrecer un icono específico, lo que es mucho mejor.
Definir un icono personalizado para iPhone es fácil: Simplemente pega el siguiente código en la sección "head" de tu sitio (fichero "index.php" de la plantilla activa). La imagen debe ser de 57px por 57px en formato .png. No tienes por qué añadir brillos o esquinas ya que el iPhone las añade automáticamente:

Clic para ver Texto Plano
PHP:
  1. <rel="apple-touch-icon" href="images/template/engage.png"/>

Fuente: http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

Evitar que Safari ajuste el tamaño de texto al rotar

Cuando rotas el iPhone, Safarie ajusta el tamaño de texto. Si por algún motivo prefieres evitar este efecto solo tienes que usar el siguiente CSS, que tendrás que añadir a tu hoja de estilos (fichero "style.css" de tu plantilla activa).
La declaración -webkit-text-size-adjust es una propiedad CSS exclusiva de webkit que permite controlar el ajuste de texto.

Clic para ver Texto Plano
CSS:
  1. html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
  2.     -webkit-text-size-adjust:none;
  3. }

Fuente: http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

Detectar la orientación del iPhone

Como el iPhone permite ver la página en vertical o apaisdo puede que necesites detectar en qué modo el documento será visible.
Esta función Javascript detecta la orientación actual del iPhone y aplica una clase CSS específica para cada modo de orientación. Fíjate que en este ejemplo la clase CSS se añade al ID del  page_wrapper. Remplázalo por el nombre de ID deseado (línea 24)

Clic para ver Texto Plano
CSS:
  1. window.onload = function initialLoad() {
  2.     updateOrientation();
  3. }
  4.  
  5. function updateOrientation(){
  6.     var contentType = "show_";
  7.     switch(window.orientation){
  8.         case 0:
  9.     contentType += "normal";
  10.     break;
  11.  
  12.     case -90:
  13.     contentType += "right";
  14.     break;
  15.  
  16.     case 90:
  17.     contentType += "left";
  18.     break;
  19.  
  20.     case 180:
  21.     contentType += "flipped";
  22.     break;
  23.     }
  24.     document.getElementById("page_wrapper").setAttribute("class", contentType);
  25. }

Fuente: http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

Aplicar estilos CSS solo para iPhones/iPods

Si buscas un modo limpio de aplicar clases CSS solo para iPhone puedes usar el siguiente código:

Clic para ver Texto Plano
CSS:
  1. @media screen and (max-device-width: 480px){
  2.     /* Todo el CSS para iPhone va aqui */
  3. }

Fuente: http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/

Redimensionar imágenes automáticamente para iPhones

En las webs actuales la mayoría de las imágenes suelen ser de un ancho superior a 480px. Al ser de este tamaño la pantalla del iPhone puede que las imágenes más grandes se vean incorrectamente, incluso destrozando el diseño de tu sitio.

Pues bien, usando el siguiente código CSS podrás redimensionar automáticamente las imágenes que sean de un ancho mayor de 480px, el ancho estándar del iPhone, con lo que nunca se verán más anchas y no desconfigurarán tu sitio al visualizarse en un iPhone.

Clic para ver Texto Plano
CSS:
  1. @media screen and (max-device-width: 480px){
  2.     img{
  3.         max-width:100%;
  4.         height:auto;
  5.     }
  6. }

Fuente: http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/

Ocultar la barra de tareas por defecto

La barra de tareas es útil pero a veces ocupa demasiado sitio, que vendría estupendo para mostrar mejor tu web. Si quieres que Safari oculte la barra por defecto cuando un usuario de iPhone visite tu sitio solo tienes que añadir el siguiente Javascript:

Clic para ver Texto Plano
JavaScript:
  1. window.addEventListener('load', function() {
  2.     setTimeout(scrollTo, 0, 0, 1);
  3. }, false);

Fuente: http://articles.sitepoint.com/article/iphone-development-12-tips/2

Usar enlaces especiales

Al igual que con los enlaces "mailto", tan útiles para que te envíen emails, si se visualiza tu web con un iPhone puedes añadir otro tipo de enlaces que ejecutarán acciones, gracias a la función de teléfono de este miniordenador de bolsillo.

Si quieres ofrecer enlaces para que te llamen o te envíen un SMS puedes usar códigos html de este tipo:

Clic para ver Texto Plano
HTML:
  1. <a href="tel:12345678900">Llámame</a>

Clic para ver Texto Plano
HTML:
  1. <a href="sms:12345678900">Mándame un SMS</a>

Fuente: http://articles.sitepoint.com/article/iphone-development-12-tips/3

Simular la clase pseudo :hover

Como no se usa ratón en el iPhone no se utiliza la pseudo clase :hover. Sin embargo,  usando Javascript puedes simular la clase pseudo :hover cuando el usuario apoye el dedo sobre un enlace:

Clic para ver Texto Plano
JavaScript:
  1. var myLinks = document.getElementsByTagName('a');
  2. for(var i = 0; i <myLinks.length; i++){
  3.    myLinks[i].addEventListener('touchstart', function(){this.className = "hover";}, false);
  4.    myLinks[i].addEventListener('touchend', function(){this.className = "";}, false);
  5. }

Tras añadir el código anterior puedes aplicar algo de estilo CSS:

Clic para ver Texto Plano
CSS:
  1. a:hover, a.hover {
  2.     /* el efecto hover que sea*/
  3. }

Fuente: http://www.evotech.net/blog/2008/12/hover-pseudoclass-for-the-iphone/

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía para Administrar Wordpress

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

]]> http://ayudawordpress.com/prepara-tu-sitio-para-iphone/feed/ 0