En el Flick del autor
En alta resolución JPG (6000 X 4500)
En formato editable (SVG) por inkscape

Aunque parezca mentira y como creo estar dejando claro, no es una foto. La imagen ha sido creada por Gilles Pinard, un tío que controla de Inkscape y que tiene mucha paciencia :p. En su cuenta de Flickr, podéis encontrar otras de sus obras, y algún que otro tutorial. Para el que aún no lo sepa, Inkscape es un programa libre de edición vectorial, lo que quiere decir que esta imagen puede ser escalada a cualquier tamaño sin perder resolución.

Una de las diferencias fundamentales es que los usuarios dejan de tener karma. Los votos de todos pasan a valer lo mismo, por lo que en ese aspecto (no en otros) se deja de premiar a los usuarios más habituales o activos, pero también se acaba con los cazadores de karma.

Otra de esas diferencias es que no todos los datos de la noticia están visibles para todos los usuarios. Por supuesto, sí que tendrás el título, el enlace y la entradilla -para poder valorarla-, pero ya no podrás saber si una noticia lleva 2 o 200 votos, otra buena manera para acabar con esos cazadores, y para acabar con esas noticias que van a portada por inercia. Al menos no podrán verlo los usuarios nuevos, aunque sí lo harás si subes de nivel porque Apezz premiará con información extra sobre las noticias a los usuarios más activos en vez de hacerlo con karma.

Creo que merece la pena probarlo, pese a que lógicamente en estos momentos tiene mucho menos tráfico que otros sitios del estilo (y por lo tanto llevará menos tráfico a vuestras webs, que ya sé que sois todos unos autobomberos), lo cierto es que si la noticia es buena llegará con más facilidad a portada porqué no será necesario que la haya enviado supergurú, ni que consiga 20 votos en 10 segundos para que todos los demás la voten como borregos sin leer siquera el título.

Se trata de una recopilación de artículos sobre el archivo .htaccess en el que podemos encontrar de todo, podemos aprender a no duplicar URLs por el tema del SEO, proteger archivos o carpetas con contraseña, restingir el acceso por IP, redirecciones,… todos los artículos son de ese mismo blog, Perishable Press. La verdad no lo conocía pero además de Apache habla de PHP, Javascript,… así que me lo añado al reader a ver que tal, ya tendré tiempo de quitarlo sino me gusta pero tiene más que buena pinta.

Yo también he dejado algunos truquillos con el .htaccess, igual no tantos ni tan buenos pero igual os interesan: mejorar el tiempo de carga de la web, errores 404 personalizados y como hacer saber a los buscadores que la web no está disponible temporalmente.

Lo primero es crear nuestra aplicación en Facebook, esto lo haremos desde nuestra cuenta de Facebook en la aplicación desarrolladores. Solo hay que ponerle un nombre, en este caso el nombre del blog, y listo. No hace falta rellenar ningún dato más, aunque es aconsejable ponerle los logos. Una vez hecho, nos hara falta la clave de API de nuestra aplicación y la clave secreta para poder configurar el plugin para wordpress.

Ahora nos descargamos el plugin. Para hacerlo hay que utilizar SVN, sino sabes puedes descargartelo de aquí, pero estaría bien que aprendieras a utilizar subversion. Ya sabéis descomprimir, subir a la carpeta de plugins del blog y finalmente activar desde el panel de control, como hubieramos hecho con cualquier otro plugin. Para configurarlo hay que ir a ‘Opciones’->’Facebook Connect’ y escribir las claves de la aplicación que acabamos de crear en Facebook.

Lo tenemos casi instalado, pero antes hay que hacer algunas comprobaciones y modificaciones en tu theme. Tienes que comprobar que en el header de tu theme se llama a la función ‘wp_head’ y que en el footer a ‘wp_footer’. También es necesario que en el header, en la etiqueta para abrir html, se llame a la función ‘language_attributes’. Si tu theme no lo hace, deberás incluirlas tu mismo, para hacerlo puedes usar de ejemplo el theme ‘default’. Una vez comprobado todo eso, tienes que añadir la siguiente línea en tu plantilla de comentarios, normalmente ‘comments.php’:

<?php do_action('fbc_display_login_button') ?>

Colócalo en el lugar donde quieras que aparezca el login de Facebook. Puedes hacer varias pruebas hasta que encuentres el lugar que más te gusta. Con este último paso, terminaríamos la instalación habitual del plugin, y nuestro blog estaría preparado para soportar Facebook Connect en los comentarios.

Personalización

Pero a mi personalmente no me gustaba la caja de login que te crea, ni la caja que aparece en la esquina superior derecha cuando estás logueado. Además que los mensajes aparecen en inglés y era necesario traducirlos. Así que os cuento lo que he hecho para dejarlo a mi gusto.

Lo primero es editar el archivo ‘config.php’ del plugin, y traducir los mensajes que se envían al minifeed de Facebook. Además como voy quitar la caja de usuario logueado de la esquina superior derecha, hay que poner la variable ‘FBC_USER_PROFILE_WINDOW’ a falso:

define('FBC_USER_PROFILE_WINDOW', false);

Al hacer esto último no se muestra la caja con los datos del usuario cuando está logueado en ningún sitio, pero tampoco es lo que queremos. Lo que yo he hecho es mostrarla dónde aparece el botón de login antes de loguearte, y si quieres hacer lo mismo lo que tienes que hacer es escribir lo siguiente justo debajo de la línea que hemos metido antes en la plantilla de comentarios:

<?php echo fbc_render_login_state(); ?>

Por último, tendrás que editar el CSS de tu blog y el del plugin (fbconnect.css) para que todo quede tal como tu quieres.

Espero que me hayáis entendido, si tenéis alguna duda ya sabéis, loguearos con vuestra cuenta de Facebook y dejarme un comentario.

Facebook Connect vs. Google Friend Connect

Trata de comparar los dos sistemas, y esas son las conclusiones que he sacado.

Efeméride: Acontecimiento notable que se recuerda en cualquier aniversario de él.

Una vez aclarado ésto, os explico que Efemerides 2.0 es un pequeño proyecto que he realizado en el que espero recoger todas las efemérides posibles, y ordenarlas por orden de importancia. La idea es un poco pobre, lo sé, pero todo surgió un día que quise poner en una web para un amigo una nota que dijera “Tal día como hoy hace X años sucedió…” y que cada día recordará algún aniversario. No encontré una buena manera de hacerlo así que decidí crear la mia.

Realmente podía meter las que encontrara en una base de datos y mostrarlas luego, pero eso mi amigo jamás lo iba a actualizar y además no iba a servirle a nadie más. Así que lo que he hecho es crear Efemerides 2.0, dónde cualquiera puede meter una efeméride o consultar las que hay, pero además y como punto novedoso, todos los datos están disponibles mediante una API para que cualquiera pueda utilizarlos en su web.

De momento sale en versión beta, como todo hoy en día, pero en breve espero implementar el sistema de votaciones y crear un plugin para WordPress, para que se puedan añadir fácilmente en los blogs creados con esta plataforma. Con un poco más de tiempo espero sacar unas pequeñas aplicaciones para FaceBook y OpenSocial.

Es un script que junto con JQuery hace que se muestre un mensaje a la gente que accede con IE6 a tu página, en el que se insta al usuario a actualizar el navegador o a seguir el contenido mediante RSS porque tu web deja de dar soporte a Internet explorer 6.

La gente no suele cambiar porque no encuentra la diferencia de navegar con IE6 o con otro navegador, ya que los que diseñamos nos volvemos locos por conseguir que eso suceda (también los hay que no actualizan por que es su navegador corporativo obligatorio, pero es que antigüedades hay en todas las empresas). Ya va siendo hora de que, mientras se pueda, intentemos obligarles a actualizar. Que va a salir IE8, un p’oquito de por favor…

Pero cuando os suceda algo así, no hay porque crear una nueva BD y llenarla con datos sin sentido y aleatorios generados mediante un script. Para estos casos nos podemos bajar una de las muchas bases de datos de ejemplo que hay en internet, con campos de diferentes tipos y llenas de datos que podrían ser reales.

Os pongo a continuación algunas que he usado, son bases de datos MySQL que como sabéis son las que suelo utilizar:

• http://dev.mysql.com/doc/#sampledb – Aquí, en la propia página de documentación de MySQL tenemos tres buenos ejemplos
• http://www.eclipse.org/birt/phoenix/db/#mysql – En la página de Eclipse tenemos también una buena BD para utilizar de pruebas o como ejemplo y que es Open Source

Además, pensad que siempre podéis usar una copia de la base de datos de vuestra web o blog para hacer pruebas o lo que sea, seguro que pocas serán tan reales como esa.

Berriart: ¿Cómo definirías tu blog?
Chris Coyier: Mi blog (CSS-Tricks.com) es ante todo un blog sobre diseño web. Hay, evidentemente, un enfoque especial hacia CSS y HTML, pero publico también acerca de cualquier herramienta que ayude a un diseñador realizar su trabajo. Últimamente he hablado sobre PHP / MySQL, un poco de jQuery, algo de Photoshop. También me gusta enlazar a sitios de interés para los diseñadores.

B: ¿Porqué te decidiste a empezar éste blog?
CC: Ha transcurrido ya casi un año. Cuando empecé esto, sólo sabía una fracción de lo que sé ahora sobre diseño web. En parte empezé este blog para llevar un registro de todas esas nuevas técnicas que estaba aprendiendo. Pensé que así, cuando escribiera un breve tutorial, iba a tener siempre un archivo dónde mirar y recordar cómo hacerlo. Eso sigue siendo cierto ahora! Estoy constantemente mirando antiguos posts para ver cómo hice algo.

B: ¿Tienes más blogs u otros proyectos personales?
CC: Siempre ando “maquinando” pequeñas ideas, pero de momento no vale la pena hablar de ninguna de ellas. Entre el trabajo diario, el trabajo como freelance y CSS-Tricks, estoy bastante ocupado =)

B: ¿Te ha ayudado tu blog en tus relaciones profesionales?
CC: Tardé un poco, pero sí, al final me han salido unos buenos trabajitos como freelance. Eso es bonito, pero mucho más importante es hasta qué punto me ha impulsado a crecer como diseñador y la gran comunidad que ha construido.

B: Hay un número creciente de bloggers que ahora sólo publican enlaces o repiten lo dicho por otras personas. En cambio, tú utilizas tu blog para enseñarnos cosas nuevas, cosa que se agradece. ¿Vale la pena crear nuevo contenido?
CC: Gracias! Creo que ese es un gran tema. A veces me ha dado envidía ver como nuevos blogs, que solo enlazan otros blogs, crecen rápidamente y se hacen increíblemente populares. Pero a decir verdad, esos blogs pueden ser grandes recursos. Visito esos posts con bastante frecuencia para encontrar técnicas interesantes. Aunque yo creo hay más valor a largo plazo en la creación de contenido original.

B: He leído que usas herramientas de Adobe. ¿Están las herramientas libres, como GIMP o Inkscape, muy lejos de alcanzar el nivel del software propietario?
CC: Uso Adobe Creative Suite 3. Eso es lo que hemos utilizado en la universidad, eso es lo que he usado cuando he trabajado en forma impresa, por lo que es lo que uso ahora. Creo que son grandes herramientas. No puedo hablar de cómo funcionan herramientas como el GIMP, pero tengo la impresión de que están bastante “verdes” para el trabajo profesional. Y deberían hacer lago con ese nombre.

B: ¿Cuánto tiempo le dedicas a bloggear?
CC: Paso unas horas al día ocupandome del blog. Tal vez un tercio de ese tiempo lo dedico a escribir nuevo material. El resto a responder emails, a ayudar a solucionar problemas de la gente en el foro, a modificar el diseño y a la gestión de la publicidad. Algunos días 2 o 3 horas parecen muchas horas para gastar en un blog y otros parece que no son suficientes.

B: ¿Qué redes sociales usas?
CC: Probablemente tengo cuenta en cada una de las redes que he visitado, pero en realidad sólo uso unas pocas. Estoy en Twitter y Facebook. Recientemente he estado en ScrnShots, que es una red social basada en el intercambio de capturas de pantalla para buscar inspiración. Realmente necesito una web social basada en guardar enlaces… Acabo de instalar el nuevo plugin de del.icio.us y esta última versión es realmente buena, por lo que probablemente volveré a usarlo dentro de poco.

B: ¿Tienes alguna anécdota curiosa que nos puedas contar?
CC: Una vez vi un dirigible.

B: Por último ¿me dices tres blogs de los que seas lector habitual y que te gustaría recomendar?
CC: NETTUTS que ha estado pegando fuerte últimamente. Buen contenido. TheDieline que busca diseños de envases increíbles. Seth Godin inspira a menudo con el marketing y la experiencia del usuario.

Espero que os haya gustado, ya sabéis que toda sugerencia es bienvenida para nuevas entrevistas. Desde aquí dar las gracias a Chris, que se a portado e interesado bastante con la entrevista. ¡Un abrazo aunque no me entiendas! Y ya sabéis que podéis visitarle en CSS-Tricks.

Desde hace algo de tiempo ya, viene mostrando una pestaña llamada análisis de contenido o Content analysis (dentro de Diagnostics), que según la propia descripción de Google alerta de problemas con los metadatas del documento, como son el título, la descripción y los keywdors. Los problemas de los que alerta aquí son por ejemplo: no existencia de título u otras metatags, descripcion muy corta o muy larga, metatags repetidos en diferentes páginas o lo que más me ha sorprendido, títulos iguales en páginas con diferente contenido.

Mi opinión es que si Google considera que alguna parte de mi web tiene un problema, yo debería interpretar que puedo hacer algo para posicionarme mejor. Entonces, creo que al igual que hasta ahora nos asegurábamos de no tener el mismo contenido con dos URLs diferentes dentro de nuestra web, ahora deberíamos empezar a prestar atención en no poner el mismo título a dos páginas diferentes. Algo más común de lo que se pueda creer en un principio.

Todos los blogs tienen paginación, en la portada, en las categorías, en los tags, en los archivos,… Y si os fijáis, en la mayoría, el título de la página es el mismo en la página 1, en la 2, … De ésta manera se duplican títulos dentro de la misma web y por lo que voy viendo ésto está empezando a ser un problema para Google, aunque en un principio no parece ser muy grave.

Yo ya he hecho desaparecer mis títulos repetidos. Si usáis wordpress podéis hacerlo vosotros también editando el header de vuestro theme y añadiendo el siguiente fragmento de código justo delante de donde pone </title>:

<?php if (is_paged()) { echo " - Página " . $paged;} ?>

El tema de la longitud de los metatags es algo ya más complicado, pero yo os recomendaría el plugin Add Meta Tags, si no las estáis generando de ninguna otra manera.

¿Qué pensáis vosotros? Puede llegar a ser influyente ¿o son solo imaginaciones mías?