Pisito en Madrid

Después de tres semanas de vacaciones y una desconexión del blog un poco mayor, vuelvo a mis andadas con muchísimos artículos de opinión, tutoriales y curiosidades. Empiezo con algo que me pasó a mi vuelta de vacaciones. Aproveché el parón para actualizar mi Macbook al OS X Lion. La actualización se llevó a cabo correctamente y me encantaron algunas de las nuevas funcionalidades y shortcuts, aunque por otro lado algunas aplicaciones comenzaron a ir más lentas. Independientemente a esto, tengo en casa un HD Gigaset configurado para leer archivos de los ordenadores que hay en red (películas, fotos, música…) y éste dejó de funcionar. ¿El problema? Que la comunicación con los archivos se llevaba a cabo a través de Samba (SMB)

Samba es una implementación libre para UNIX del protocolo que utiliza Microsoft para compartir de archivos. Después de varios intentos comencé a leer foros y especificaciones del nuevo OS de Apple. Encontré con que Lion había abandonado la rama de SMB (Samba) y no la había incluído en esta nueva actualización. Me quedé helado. No veo la televisión, para lo único que la uso es ver películas y series a través del Gigaset. Seguí investigando y descubrí que había una opción de instalar Samba 3 en el OS X Lion a mano. Dejé atrás mis años de UNIX, esa época en la que me podía tirar horas para conseguir que algo funcionara perfectamente pero teniendo la posibilidad de personalizar y hacerlo todo manual. Ahora quiero invertir mi tiempo libre en hobbies y amigos, así que deseché esta opción.

Continué investigando y pregunté por Twitter. Dos usuarios, Lolete y Webaboca, me comentaron que lo mejor era instalar un servidor DLNA. Este estándar (Digital Living Network Alliance) lo llevaron a cabo una asociación de fabricantes de electrónica e informática y permite a diversos dispositivos de una misma red, interconectarse y compartir contenidos. Se trata de soluciones de fácil configuración y que trabajan sobre redes WiFi y Ethernet.

Por defecto, los Mac no están preparados para usar DLNA pero hay múltiples aplicaciones que puedes instalar y que “publican” los contenidos que quieras a través de este protocolo en Red. En la siguiente tabla podéis encontrar una comparativa de dichos programas. Algunos son de pago y otros completamente gratuitos.

Después de mucho leer y guiándome por las recomendaciones de Twitter instalé EyeConnect. Se trata de un software de pago (aunque tiene una demo de 30 días) basado en el estándar Universal Plug and Play (UPnP) para audio y vídeo. El HD Gigaset lo soporta y su fácil instalación y configuración me llevó a decantarme por él. ¡Es impresionante! Simplemente instalas, inicias (lo encontrarás dentro del panel de Preferencias del Sistema) y sólo tienes que añadir las carpetas que quieras publicar. Incluso puedes compartir iTunes o iPhoto.

Para todos los que tengáis el mismo problema, esta es sin duda la mejor solución que he encontrado.

En el rediseño de pisito he incluido cabeceras dinámicas, es decir, cada vez que entres saldrá de forma aletoria una imagen con una frase distinta en la parte superior del blog. También he hecho lo mismo con la mascota de pisito, el caracol. Poco a poco iré añadiendo nuevos así que si tienes frases o ideas para el Sr. Snails, puedes comentarlas en este post. El caso es que he recibido algunos emails y tweets preguntando cómo hacerlo. El proceso es muy sencillo.

Los pasos a seguir con PHP son:

• Nombra las imágenes que tengas con el mismo nombre pero añadiendo un número al final, de forma consecutiva, y súbelas al mismo directorio en tu servidor.
• Genera un número aleatorio entre 1 y el número de imágenes distintas que tengas, y guárdalo en una variable. Esto en PHP se lleva a cabo con la función rand(1,número de imágenes).
• Mediante HTML muestra la imagen, pero a la hora de poner el número tendrás que usar la variable de PHP con el número aleatorio.

Aquí tienes un ejemplo del código completo. Como es WordPress he usado funciones para mostrar la descripción (bloginfo(‘description’)), la url de la imagen (bloginfo(‘template_directory’)) y el nombre del blog (bloginfo(‘name’)) de forma automática pero sino lo único que tienes que hacer es cambiar esas partes de forma manual. De esta forma mostrarás cabeceras, mascotas y cualquier imagen de forma aleatoria. ¿Fácil, no?

Justo ayer estaba hablando con Bimbacha de lo lento que iba el Firefox 3. Es sabido que el principal problema provenía de la vistosa Awesome Bar que ralentiza todo el navegador, especialmente cuando tiene un historial muy grande. Normalmente lo vacíaba poco a poco, limitándolo a 30 días o eliminando las búsquedas de Google. Al principio funcionó pero llegó un punto que ya no servía.

Gracias a Lifehacker, aquí tienen un pequeño truco que mediante un comando mejorará el rendimiento del Firefox:

• Accede a Herramientas -> Consola de errores.
• Copia la siguiente línea de códig, pégala en la caja de texto y pulsa Evaluar

Components.classes["@mozilla.org/browser/nav-history-service;1"].getService(Components.interfaces.nsPIPlacesDatabase).DBConnection.executeSimpleSQL(“VACUUM”);

Lo que hace este comando es fragmentar la base de datos interna. Se quedará unos momentos procesando y listo, notarás el Firefox mucho más ligero.

Carlos Leopoldo

Ayer estuve investigando la forma de crear un recortable (ponerle unos bordes recortables a una imagen) con algún editor de imágenes como Photoshop, Illustrator o Fireworks. Lo único que encontré fue un tutorial para Illustrator que no conseguí hacer funcionar. Tocaba investigar. Después de un ratillo jugando a “prueba y error” obtuve un resultado bastante satisfactorio. Aquí tienen un pequeño tutorial de cómo crear un recortable con Fireworks.

1. Abre la imagen que quieras convertir en un recortable con Fireworks, en mi caso la mascota de PisitoenMadrid.
2. Utiliza la “varita mágica” para seleccionar todo el fondo y a continuación pincha en Seleccionar-> Seleccionar inverso. Tendrás seleccionado sólo lo que quieres hacer recortable.
3. Vete a Seleccionar-> Expandir Recuadro. Esto hará que la selección se amplíe un número de píxeles, dibujando un contorno fuera de la imagen. Introduce, por ejemplo, 14px.
4. Pincha en Seleccionar->Convertir recuadro en trazado. Esto convertirá el contorno en un trazado muy fino y continuo.
5. Cambia la herramienta “varita mágica” por la herramienta de “seleccion” (flechita negra). Selecciona el trazado y en el menú inferior cambia el fondo a trasparente, el color de línea a gris oscuro, el grosor de la misma a 3 y el trazado a Línea discontinua-> Guión básico.

6. Finalmente dirígete a Word o Pages (u Open Office) para insertar un símbolo. Selecciona la fuente Wingdings, e inserta el cuarto o quinto símbolo que es una tijera cortada. Cambia el tamaño de la fuente por una bastante grande (dependiendo del tamaño de la imagen), y copia y pega el símbolo en Fireworks. Sólo tendrás que ubicarla donde quieras y listo, ¡tendrás un recortable!

Aunque el tutorial es específico para Fireworks, en Photoshop y editores similares se puede hacer de la misma forma ya que todos tienen la herramienta “varita mágica”. ¡Espero que les sea útil!

La instalación de aplicaciones en Mac OS es un proceso de lo más sencillo: arrastras el icono de la aplicación a la carpeta Aplicaciones y listo. Para desinstalarlas simplemente la arrastras a la papelera. ¿Siempre es así? La mayoría si, pero existen aplicaciones que se instalan mediante un instalador de toda la vida (“siguiente… siguiente…”). En estos casos si la desinstalas arrastrando el icono de la carpeta Aplicaciones quedarán restos de la misma en el Mac.

A diferencia de Windows, estos restos ni ralentizan ni en principio tienen que dar problemas. Yo tuve problemas, en concreto con el Guitar Pro, que en su momento lo desinstalé, quitando el programa de la carpeta de aplicaciones, y cuando lo fui a instalar de nuevo, no me dejaba. Esto era debido a que quedaban restos.

Para una desinstalación completa en el caso de que el programa utilice un instalador, debemos usar AppZapper. Lo inicias y arrastras el icono sobre el mismo. AppZapper se encargará de eliminar todos los archivos.

Pasate a Mac

Ayer mirando las estadísticas de los lectores de feed en Pisito y What The Blogs, noté que el FotoPisito no tenía casi lectores. Me resultó muy raro porque sé de buena tinta que mucha gente lo sigue a través del Google Reader. Me puse a pensar y caí en la cuenta que como CMS del fotolog tengo PixelPost y no había utilizado ningún plugin para redireccionar el tráfico del feed original a FeedBurner, por lo que sólo me estaba contando estos últimos.

Busqué y rebusqué por todo Internet y no conseguí ningún plugin para hacerlo. Finalmente encontré un script que funcionaba a medias y trasteando un poco (y con la ayuda de Dei) finalmente he conseguido usar Feeburner en PixelPost. Esto es lo que tienes que hacer:

• Duplica el archivo index.php y renómbralo como feed.php. Así tendrás el index.php para toquetearlo y el feed.php para mantener el feed original.
• Crea una cuenta en Feeburner e introduce como dirección de feed la del nuevo archivo, feed.php. En mi caso: http://www.pisitoenmadrid.com/fotolog/feed.php?x=rss.
• Finalmente añade estas líneas al principio del archivo index.php, justo después del primer < ?php

// checks if a rss or atom feed is asked

if(isset($_GET['x'])&&$_GET['x'] == “rss” OR $_GET['x'] == “atom”){

// redirects to feedburner link with a 301 message

header(“Location: tudireccióndefeedburner“);

header(“HTTP/1.1 301 Temporary Redirect”);

//exit page

exit();

};

No es inmediato. Espera unas cuantas horas y funcionará el feed correctamente, contando tanto los lectores que tenías con el feed original como los nuevos que se añadan directamente a Feedburner.

Mi primera incursión en el mundo de los videoblogs fue Bitácoras TV y ahora llega mi primera experiencia como videoblogger. Lo hago con un screencast sobre un pequeño consejo para enviar, buscar y votar noticias en Bitacoras.com de una manera mucho más sencilla.

Como han podido ver es simplemente arrastrar este enlace a la barra de marcadores de nuestro navegador y cada vez que tengamos en la barra de direcciones la url de un post, lo pinchamos. Si la anotación no está en el sistema forzaría el ping, se introduciría en Bitacoras.com y nos mostraría el enlace permanente. Si está en el sistema nos mostraría directamente el enlace permanente.

En cualquier caso el resultado es el enlace permanente donde podremos votar, comentar… Por supuesto también hay otras formas de enviar posts además de la sección dedicada a ello como por ejemplo los botones, el widget de feedburner o un enlace desde un post.

Cualquier sugerencia para próximos screencasts y dudas relacionadas con este, no duden en comentarlas

Una de las grandes pesadillas de todo diseñador que se precie es el Internet Explorer. Normalmente se maqueta para un navegador como Firefox o Safari y luego se “adapta” para que se vea bien en Internet Explorer. El proceso contrario es mucho más desastroso.

Algo que trae de cabeza son las transparencias, ya que el Internet Explorer no las detecta como tales, añadiéndoles un antiestético cuadrado gris alrededor de la misma. Todos sabemos que con los gif se pueden conseguir transparencias pero se sacrifica calidad. ¿Se podría conseguir lo mismo con los png? Pues sí. Para ello hay que guardar la imagen como PNG 8, paleta adaptable, 256 como número máximo de colores (así preservamos calidad) y finalmente con transparencia alfa.

De esta forma todo lo que hayamos puesto como transparente aparecerá transparente en todos los navegadores incluidos los Internet Explorer (incluso en el Internet Explorer 6 xD). El proceso en Fireworks sería así:

• Accedemos a Archivo
• Luego a Asistente de exportación
• Escogemos Seleccionar formato de exportación
• Seleccionamos La Web
• Pinchamos en Salir
• Y finalmente configuramos las opciones anteriormente dichas.

En otros programas de diseño y retoque seguro que tendrán un proceso similar. De esta forma tan sencilla obtendremos transparencias en nuestras imágenes png, reconocibles para todos los navegadores.

Una de las mejoras que se han llevado a cabo al actualizar WordPress y K2 en Pisito es que los comentarios tienen ahora un avatar. Un avatar es una imagen que identifica al usuario de una manera más visual (lo que se usa en los foros). Este sistema está realizado con Gravatar, un servicio de avatares online.

He recibido unos cuantos mails preguntándome ¿cómo hacer que tu icono salga en los comentarios de Pisito?. Pues basta con configurar tu cuenta de Gravatar y no sólo saldrá en Pisito sino en todos los blogs que implementen este sistema. Los pasos son los siguientes:

• Regístrate completamente en Gravatar.
• Valida tu email, el que usas para escribir los comentarios.
• Sube una imagen y selecciónala como imagen para los comentarios.
• ¿Esperabas algo más?

Así de sencillo. De esta forma podrás comentar en los blogs usando el email que has validado en Gravatar y, en aquellos que utilicen este sistema, se mostrará el avatar que hayas seleccionado. ¡Quiero ver muchos avatares en los comentarios de Pisito!