Processblack: Weblog de diseño e Internet » Programación

Comentar en el blog con tu identidad de Facebook

Miguel García — Fri, 18 Sep 2009 21:06:26 +0000

Estoy enredando con Facebook Connect y leyendo la documentación, me he encontrado con un plugin para WordPress que acabo de instalar en el blog.

Puedes seguir comentando tranquilamente como hasta ahora, pero si eres usuario de Facebook, puedes enlazar tu cuenta en Facebook con el blog y publicar con tu identidad… También podrás publicar tu comentario en tu muro Facebook

Instalarlo es muy sencillo. Además de instalar el plugin de la manera habitual, tienes que registrar tu nueva “aplicación” en esta dirección. Ahí conseguirás tu API Key y una clave secreta que tendrás que usar para completar la instalación del plugin en tu blog.

Una vez echo esto, tienes que modificar el código de tu blog. En el archivo header.php de tu plantilla de WordPress, tienes que cambiar la línea:

Por esta otra:

>

Luego en el archivo comments.php agregas este código donde quieras que aparezca el botón de Conectar con Facebook:

y esta otra, donde aparecerá el avatar del usuario:

Listo! Ya me diréis qué os parece!

Un adelanto de lo que será HTML 5

Miguel García — Mon, 10 Dec 2007 11:39:15 +0000

Poco para leer por aquí últimamente, así que pásate por A List Apart y su artículo a Preview of HTML 5 donde podrás ver algunas de las novedades de la nueva versión. Pinta bien eso de

, ¿verdad?

Voy a seguir pegándome con un traslado de dominio que me tiene ocupado hoy.

Abierta la SDK de Android

Miguel García — Tue, 13 Nov 2007 09:01:45 +0000

Desde ayer, se puede descargar el SDK de Android, el sistema operativo para móviles de Google. Para que veas de qué va, Sergey Brin (vaya pelos, muchacho) presenta el nuevo proyecto:

Pinche aquí para ver el vídeo

Donostikluba microformateado

Miguel García — Mon, 06 Aug 2007 14:55:20 +0000

Os lo cuento a vosotros que me entendéis más y mejor, frikis

Acabamos de colgar los conciertos de Donostikluba y Donostikluba Zirkuitua. Qué montón conciertos y DJ Sets! Daddy G, Petar Hook (el bajista de New Order y Joy Division!!!), Norman Blake y Francis McDonald de Teenage Fan Club, Delco, Limousine, Underwater Tea Party, Delorean, The Sunday Drivers, Delco, Deluxe, Mendetz y yo que sé que montón de grupos más!

El caso es que he aprovechado y he microformateado la programación de Donostikluba. Si usas la barra operator para firefox y además tienes cuenta en Google Calendar puedes agregarte de manera rápida los conciertos a tu agenda con un par de clicks! También puedes agregarte sólo los conciertos que desees desde la sección de bios de Donostikluba.

A ver si saco cinco minutos más y hago lo mismo para iCal y demás…

Coda

Miguel García — Mon, 30 Apr 2007 22:35:29 +0000

Hoy he instalado Coda para hacer unas pruebas en el mac. Coda es el nuevo programa de Panic, los creadores de genial Transmit o CandyBar y es asombroso.

El programa está perfectamente bien diseñado, es fácil de usar y su interfaz está llena de detalles. Pequeñas y ligeras animaciones, elementos e iconos perfectamente diseñados… una auténtica gozada.

Nada más instalarlo, te pregunta si quieres importar los sitios almacenados en Transmit, para después colocarlos en una “pared” con papeles pegados con celo! El editor de código lanza constantemente ayudas de funciones para programar y conforme guardamos, el explorador de documentos marca el archivo con una flecha que nos facilita la subida mediante FTP.

El editor de código puede partirse en tantas partes como nuestra pantalla nos permita para poder ver, por ejemplo, el inicio y el final de documento.

El editor CSS dispone de un completo asistente de diseño, que nos permite crear una hoja de estilos casi sin escribir.

El programa lo bordan con completos manuales de PHP, CSS, Javascript y HTML, posibilidad de crear “clips” (porciones de código que podremos reutilizar cuando queramos), compartir documentos usando Bonjour, terminal para los frikis…

El programa es de pago. Ahora mismo cuesta 79$ (69 si tienes licencia Transmit), después costará 99$. Ando buscando un programa para quedarme con él para una buena temporada y este, tiene muchas papeletas. Lo malo es que todavía sigo usando PC y me gustaría que el programa estuviera disponible en ambas plataformas… Tengo 14 días para seguir progrando el programa, después, ya veremos!

Y cambiando un poco de tema, me encanta cómo está desarrollado el sitio web de Panic! Todo lo hacen bien en Panic??

Technorati y los microformatos

Miguel García — Fri, 02 Jun 2006 14:10:33 +0000

Lo he visto en el blog de Luistxo: Technorati devuelve resultados recogidos de Microformatos que recogen eventos, reviews y contactos. Además presentan Pingerati, para recoger datos de quienes posteen usando esos Microformatos.

Los Microformatos son una manera semántica de ordenar los datos. Gracias a ellos, podrán ordenarse y buscarse de manera sencilla eventos para un determinado día o el número de teléfono de una determinada empresa usando Internet. Gari y Luistxo han realizado un ejemplo con el Blogs&Beers que hoy se celebra en Larrabetzu.

Interesantes posibilidades para la Wikigida.

Actualización:

Pues si que funciona bien!

Acabo de hacer la prueba con un evento de la wikigida, el de la Exposición de Miren Arteaga en Noventa Grados y a los pocos segundos de enviar el ping, ya estaba en el buscador de eventos de Technorati.

Usando el mismo ejemplo que han dejado Gari y Luistxo en su blogs, he creado el microformato con un enlace al mismo post en la parte final de cada uno de ellos. El único problema que he visto es que no deja pasar variables por URL, por lo que no me deja envíar el id que enlaza directamente al post.

Ahora, además de cambiar el tema de las URL de los post (eso va para largo) habrá que currarse el sistema de pings para que el envío sea automático (para menos largo) y mejorar dónde se celebra el evento.

Actualización 2:

Y añadiendo el microformato al RSS de la Wikigida conseguimos indexar todos los nuevos eventos en la wikigida. El concierto de Depeche Mode en Donostia, ya está indexado.

Contenido invisible para lectores de pantalla

Miguel García — Thu, 16 Mar 2006 21:23:21 +0000

CSS in Action: Invisible Content Just for Screen Reader Users es un interesantísimo artículo que nos habla sobre cómo controlar, mediante CSS, contenido exclusivo para lectores de pantalla. Con ejemplos de código y con unas estupendas explicaciones nos muestra cómo controlar encabezados que combinen imágenes y texto, enlaces para saltar al contenido de la página o que nos lleven a diferentes partes del documento de manera rápida y algunos problemas en formularios accesibles como formularios sin tablas o campos de formulario que comparten un mismo label.

Excelentes tutoriales de PHP (librería GD) y Flash (ActionScript)

Miguel García — Wed, 15 Mar 2006 21:50:35 +0000

Ando enredando con la librería GD de PHP y buscando tutoriales en Internet y me he encontrado con una web que me ha parecido fascinante llena de ejemplos de uso de GD. Te explica desde lo más básico, hasta cómo crear miniaturas de una imagen, cómo recortarla o crear gráficas usando código PHP.
De rebote, también tiene una estupenda sección de Action Script, con códigos llenos de operaciones matemáticas para crear interesantes efectos.

Cómo se agradecen este tipo de trabajos! Gracias Sargento!

Cursos de Ajax y más en Enpresa Digitala

Miguel García — Tue, 24 Jan 2006 14:07:12 +0000

Nuevos cursos en enpresa digitala. Destaco, porque muchos de los otros son repetidos, el nuevo curso de Ajax de tan sólo cuatro horas (en horarios de mañana o tarde) pero que espero que sea lo suficiente como para acercarnos al “nuevo” hype
de Internet. Yo ya me he apuntado al de la tarde

También destaco el curso de Usabilidad y diseño centrado en el usuario que se impartirá los días 22 y 23 de febrero al que también me he apuntado. Se realizarán evaluaciones críticas de sitios web y un Test de usabilidad completo y con usuarios reales entre otras cosas más.
Por otro lado, a las 4 de la tarde del 21 de Febrero se celebrará una jornada sobre voz IP donde se hablará sobre Skype, Telefonía IP gratuíta y su aplicación a la empresa.

Mostrando enlaces a páginas en otro idioma

Miguel García — Mon, 07 Nov 2005 18:57:23 +0000

Cinco minutos para agregar una pequeña utilidad al blog que espero que haga la navegación más amigable . A partir de ahora, los vínculos que enlazan a páginas que no estén en castellano, apareceran similares a este vínculo: Yahoo Japón.

Entre corchetes, aparecerá el código del lenguaje de la página a la que se enlaza. Esto se consigue agregando el atributo hreflang a la etiqueta a del vínculo. Así:

Yahoo Japón

Los códigos de los lenguajes, podéis sacarlos de esta web.Después, hay que añadir esto al documento CSS, que es el que se encarga de mostrar el lenguaje:

a[hreflang]:after {

   content: " ["attr(hreflang)"]";

   font-weight: normal;

Por supuesto, esto no funciona en Internet Explorer, así que para disfrutar de este nuevo añadido, tendrás que navegar con un buen navegador. Espero que sea útil