Un año más vuelve el Internet Meeting Point a Gijón. Mi sarao de temas tecnológicos favorito no sólo por cercanía geográfica y por las sidras con amigos blogueros sino por otras muchas razones que expliqué detalladamente en el post Por qué ir al FIMP sin conocer el FIMP.

Mi participación este año va más allá de la asistencia. Por un lado estaré como moderador de la mesa Reconversiones industriales. Música, Cine, Libros y Medios de Comunicación en la que Juan Varela, Rosi Morera, Eduardo Arcos y Roberto de Celis conversarán sobre el efecto de los últimos cambios tecnológicos en la industria cultural. Como hice también en mi papel de moderador el año pasado, intentaré que la charla se amena y productiva y que no se traten los temas de siempre llenos de lugares comunes.

Por otro lado impartiré un taller paralelo a las mesas redondas bajo el título “Lo que debe saber una PYME antes de contratar una página web“. Esta charla me hace especial ilusión porque la daré en calidad de director general de Adama Web no de editor de Blogoff :-)

Cuando en Adama Web tratamos con autónomos o pequeños comerciantes nos encontramos con unos problemas de información asimétrica a la hora de contratar una web espeluznantes. La diferencia de conocimientos sobre el producto entre el que vende y el que compra es tan exagerada que la horquilla de precios de un proyecto web alcanza en 2011 tintes surrealistas.

Como empresario a mí me parece lo más lógico que haya precios para todas las necesidades pero los problemas vienen cuando el cliente no sabe lo que quiere o la empresa le ofrece algo que no necesita. Esa situación siempre acaba mal para las dos partes. Por ello cuando el equipo del FIMP me propuso dar un taller tenía claro que quería charlar un rato con autónomos y PYMES de qué significan palabras como hosting, SEO, CMS desde el punto de vista más divulgativo posible (¡¡blogoff style!!) para que cuando vayan a negociar el desarrollo de una página web optimicen su compra y sepan exactamente por qué están pagando y por qué no.

Por lo tanto si estás pensando en encargar una página web, no tienes mucha idea de cómo está el mercado y vives en Gijón o alrededores ya estás apuntándote a mi taller el sábado a las 10 de la mañana. Estoy convencido de que te merecerá la pena :-)

Para aprovecharos del descuento lo único que tenéis que hacer es introducir el código RCBLOGOFF en uno de los pasos de registro:

Puede ser que os aparezca otro cupón (como al pillar un dominio que os regalen el .NET); si queréis utilizar el nuestro en su lugar simplemente marcáis NO UTILIZAR CUPÓN y ya os aparecerá el campo para meter el código de Blogoff.

Los descuentos a los que tendréis acceso y que estarán disponibles hasta el 31 de octubre de forma indefinida son los siguientes:

• Si contratas 6 meses obtienes 1 mes gratis
• Si contratas 1 año obtienes 3 meses gratis
• Si contratas 2 años obtienes 6 meses gratis.

A mi me parecen una salvajada de buenos teniendo en cuenta mi opinión sobre RedCoruna y que cada vez conozco a más gente que se está pasando a sus servidores.

Christopher Poole ha desarrollado un foro de imágenes puro y duro pero con un diseño moderno y algunas funcionalidades geniales que lo separan de cualquier otro imageboard. Utilizo la palabra en inglés no porque me haya vuelto gilipollas (aún) sino porque tiene un significado en la lengua de la Pérfida Albión que como veréis en su página de la Wikipedia dificilmente podemos abarcar con el término “foro de imágenes”. Quizás la mejor entrevista sobre el lanzamiento de Canvas y su relación con los foros de imágenes podéis leerla en Reddit.

Para entender Canvas hay que estar al tanto de la popularización que han tenido los memes en los últimos ¿3 años? Aunque el Rickrolling, quizás el más mítico de los memes surgiera según la Wikipedia en 2007 en 4chan, actualmente no hay día que uno no se encuentre con el rage guy o el forever alone en cualquier tumblr, agregador de noticias o perfil de Facebook.

Podéis ver una chulísima historia de los memes desde 1990 en la siguiente línea temporal:

Un meme, en lo que a imagebooards se refiere, se basa en la remezcla. Generalmente partimos de una imagen curiosa o que suponga un giño para los geeks como por ejemplo esta:

Y a continuación se le empieza a añadir elementos generalmente con un trabajo de Photoshop (sino Paint) de lo más cutre poniendo por delante el chascarrillo a la pulcritud. Por ejemplo asín:

Los usuarios de 4chan son especialistas en esto y la mayoría de los memes que ahora ves sin maldita gracia en páginas españolas, en su momento la tuvieron, y mucha </ yoantesmolaba>.

Sin embargo los problemas de 4chan se abren en varios frentes:

• La polémica: tienes más trabajo que un moderador de 4chan sería una buena frase para usar en tu día a día. El anonimato y la rapidez en un foro con alto contenido NSFW provocan que de vez en cuando hayan saltado escándalos por algunas imágenes aparecidas allí.
• El diseño: los imageboard usan por definición software como Futallaby o Wakaba de aspecto como sobrio por no decir otra cosa. Supongo que le cogerás cariño y tal pero a mí, igual que ocurre con WikiMedia, me parece un infierno.
• Editores externos: esta es la pata que dio origen a Canvas. Para seguir un meme te tienes que bajar la imagen, abrirla en Paint mismamente y añadir alguna coña. Posteriormente subes tu versión. ¿Mucho jaleo para añadir a veces una sóla frase no?

Según moot, Canvas parte de “reimaginar los foros en un mundo donde todo el mundo tiene un navegador moderno y rápido”. A mí me parece que tiene muchísimo mérito el proyecto, que se desmarca de las tendencias de desarrollo actuales y que suena fresco e influyente. Vamos a echarle un vistazo:

El editor

La clave de Canvas es que incopora un editor dentro de la propia web para remezclar las imágenes. El editor es simple a más no poder pero como decía más arriba, si el Paint es el mayor aliado de los memes tampoco hay por qué volverse loco con máscaras de capa:

Luego puedes postear tu remix como anónimo o desde tu cuenta. Listo. Rápido e indoloro.

Código de conducta

Aunque Canvas mantiene el anonimato entre sus posteadores incorpora un código de conducta en el que destaca la política de verter contenido SFW. Tampoco se permite un mal comportamiento entre los usuarios y en general se busca el buen rollo del mismo modo que en Tumblr sólo se puede hacer click en corazoncitos.

Lo de los corazoncitos no va con coña. Ya dije alguna vez aquí que me llamó muchísimo la atención la conferencia que dio David Karp en el EBE hablando de cómo utilizar herramientas de valoración positivas y cuidar el diseño fomentaba que no tuvieran tanto berenjenal y mal rollo como en otras redes sociale y …

Los stickers

… los corazoncitos aquí son pequeñas pegatinas que arrastras encima de las imágenes y que indican tu reacción ante las mismas. Aunque también tienes pegatinas para marcar contenido inapropiado o para votar negativo las de arriba están siendo un exitazo y me parece una forma divertida de generar cultura de grupo.

La memoria

Canvas no tiene archivos. No es un blog donde puedas ver qué se publicó en 2011 dentro un año. Lo reciente, como en Twitter, lo es todo. Puedes buscar por lo mejor de la última semana, mes o año pero siempre los resultados se ordenarán por una cuestión de popularidad. A fin de cuentas no pretende ser un sitio de sesudos análisis atemporales sino más bien un lugar de procrastinación para matar esos minutillos en los que tu jefe sale a tomar un café.

Por lo demás Canvas tiene grupos como cualquier foro, puedes seguir algunos en concreto haciendo click en el botón correspondiente:

Y a perder el tiempo como en tantas otras páginas de internet.

El diseño sigue sin ser la repera, las funcionalidades quizás te parezcan pocas o simplemente Canvas te parecerá una estupidez. A mí me parece mejor que el 99% de páginas de memes que hay en la red.

Por cierto, tengo 15 invitaciones para Canvas. Si te interesa deja un comentario más abajo y te la envío al correo con el que dejes el comentario.

Después del típico párrafo introductorio que incluyen todos los post en los que quieres enlazar a algo y te da mucha vergüenza poner un sólo enlace porque eso lo podrías hacer desde tu cuenta de Twitter os informo de la existencia de Instant Blueprint.

Esta web de apariencia sencillísima me parece que se merecía un post porque es una joya para las personas desorganizadas como yo: te monta en un pis-pas un proyecto base con todas las cosas que he citado en el primer párrafo además de algunos adornos como un reset en la hoja de estilos o la libería JS de tu elección operativa. Vete eligiendo las opciones y cuando hagas click en … ALL DONE te descargarás un .zip que al descomprimir presentará esta pinta:

Ahorra, como poco, el tiempo que has tardado en leer este post.

Si cada Tweet o post que habla bien de RedCoruna está pagado deben estar arruinados :-)

En realidad debería hablar más de ellos aunque no esté en nuestro acuerdo. Lo que pasa es que nunca tengo nada malo que decir y los bloggers somos así, que nos sale mucho mejor un post rajando (como hice con otros servicios de hosting) que soltando piropos.

En realidad podría haberles criticado un web un pelín más usable, un configuración de seguridad inicial cuando te entregan un dedicado un poco mejor pero es que la atención al cliente es tan escandalosamente superior a los demás que para qué buscarles las cosquillas. La estabilidad del servidor en este tiempo que llevamos allí ha sido en torno al 100%. Las dos o a lo sumo tres caídas que hemos soportado han sido más culpa mía de enredar en el server que suya. La respuesta tanto por teléfono, como por tickets, como por su reciente Twitter sigue siendo rápida y eficiente a pesar de la (intuyo) gran cantidad de altas que han tenido este año.

Yo que sé que más queréis que os cuente. Que los precios están de lujo. Que el panel para gestionar los dominios es de lo más cómodo. Que me repito más que la fabada pero es que sólo les he dedicado un post en un año (del que por cierto os recomiendo que miréis los comentarios) y si que este chiringuito esté online u offline es algo que ya no me quita el sueño es gracias a ellos.

Es el caso de Jenesaispop, blog de referencia en el mundo de los webzines españoles y tipos majísimos que nos dieron una estupenda entrevista el año pasado. A finales de la semana pasada anunciaron el lanzamiento de su foro, unos cuantos años después del nacimiento del blog.

El foro está hecho con el CMS Vanilla, uno de los más sencillos y para qué negarlo, adecuado al estilo de JNSP (no me imagino un phpBB incrustado en la página por ejemplo). Jenesaispop es un blog con comentarios abiertos, muy buena participación para las visitas que tiene y por supuesto cuenta en Twitter y en Facebook.

A su página de Facebook le han conseguido dar bastante bombo y roza los 3000 fans sin tener el ya clásico cuadrito de “fans de JNSP” encajado por algún lado de su diseño. Además, el número 1 del top semanal de JNSP se vota a través de Facebook.

Con todas estas opciones de participación ¿tiene sentido ofrecer unos foros?

Creo que es una discusión interesante y compleja. Yo sigo creyendo en el potencial de los foros como generador de comunidades y ejemplos tenemos a patadas. Desde los más respetados como Caborian o iPunkRock hasta los nidos de memes como Forocoches.

Pero veamos cómo le salió la jugada a JNSP

No tenemos cifras oficiales ya que el CMS Vanilla al revés que phpBB no lista automáticamente cifras de usuarios, post ni cosas así. En Vanilla tenemos que verlo a ojo y con algún dato que han sacado hoy los redactores de JNSP.

El foro ya tiene 500 usuarios registrados por lo que no es ninguna locura pensar que a final de año alcancen el 25% de los usuarios registrados en Facebook. Sólo este dato llama la atención. Vale que el registro en el foro de JNSP es sencillo porque puedes entrar con usando Facebook Connect o Twitter pero sigue siendo un par de pasos más que algo tan clásico como el “me gusta” de Facebook. Y con todo, en tan sólo unas semanas les ha valido para realizar una encuesta de las mejores canciones del año y una de los mejores discos con una muestra de usuarios considerables.

Ambas encuestas anda en este momento por las 40 respuestas y las 400 vistas. Lo que no está nada mal teniendo en cuenta que ambas invitan a cierta reflexión y no a escribir lo primero que te venga a la cabeza.

Lo curioso es que si acudimos al muro de Facebook de JNSP el enlace sobre los mejores discos del año tiene 47 me gustas y 10 comentarios. El enlace sobre las mejores canciones del año disfruta de 18 me gustas y 11 comentarios. La última encuesta realizada en Facebook para decidir el número 1 de JNSP lleva 29 votos. Todos los datos bastante lejos de la actividad en los comentarios del blog e incluso del foro a pesar del poco tiempo que lleva.

Y ahora la pregunta del millón ¿por qué?

Pues todo son elucubraciones aunque si algún día vuelvo a entrevistas a Sebas y Farala me gustaría saber sí ellos preveían este éxito o fue una sorpresa. En mi opinión puede haber varias razones por las que dejar las redes sociales de lado y mantener la comunidad dentro de tu web:

• Propiedad. Tu foro es tuyo y no es “un favor” que te esté haciendo Facebook. No estás sujeto a los caprichos de Facebook y por ejemplo esta misma tarde Facebook iba como una patata y el foro de JNSP sin problemas.
• Coherencia. Esto es arriesgado pero imagínate en la vida real que tú vas a un local y le quieres comentar algo a los dueños. Si te dicen “no para comentar eso mejor te vas a este otro sitio que es donde se dejan los comentarios este y otros locales”. Mmmm, suena algo raro. ¿Tiene sentido decir que si usas Facebook para hacer algo que podrías hacer en tu web, mejor lo haces en tu web?
• Audiencia. La superpoblación de páginas en Facebook, sobre todo en el ámbito empresarial, responde a una premisa tan clara como contundente: si tus clientes están en Facebook debes ir a buscarlos allí. Vale, la compro. Pero la pregunta es, si tenías tus clientes antes de ir a Facebook ¿merece la pena que te vayas allí? Si segmentas la conversación es probable que los trozos pierdan calidad e incluso aunque ganes audiencia, esta no tiene por qué transformarse inmediatamente en más participación. Lo que voy a decir puede que duela (a mí el primero por el menor número de comentarios en Blogoff) pero si estás perdiendo participación en tu web puede que no sea porque “te la están robando las redes sociales” sino porque no has sido capaz de cuidar a tu clientela como se merece.
• Diseño. Esta es una historia que a mí me horroriza de los widgtes de Facebook y Twitter. Hay algunas páginas corporativas donde uno no es capaz de identificar un estilo propio sino el estilo de Wordpres, combinado con colores de Facebook, botones de Twitter y enlaces para enviar a Menéame que nadie usa. ¿Realmente te merece la pena sacrificar la identidad de tu proyecto por tocar todos los palos 2.0 habidos y por haber? JNSP sólo es JNSP. Con su plantilla magazine, te guste o no, pero es JNSP y se reconoce a kilómetros. Y eso mola. Más cuando tienes un público tan fiel y activo como el suyo.
• Sensación de comunidad. Es divertido ver a qué amigos tuyos de Facebook también les gusta JNSP pero más divertido es sentirse partícipe de JNSP. Y para eso, es importante que la URL de arriba no cambie (creo que me entendéis lo que quiero decir).

No estoy diciendo que ampliar miras y abrir tu proyecto a las redes sociales sea un error. Creo que depende del proyecto, de las características de tus lectores, del tiempo que lleves en marcha… pero lo que sí que creo es que a veces por una pura cuestión de qué es lo que hacen los demás, desechamos  ideas clásicas que pueden encajar.

Dos frases para terminar. La de Dabo en Explícalo: “los usuarios no son tuyos, son de donde quieran estar”. La de un amigo no hace mucho: “eso de los community managers ¿son los administradores de foros de toda la vida no?.

La página en cuestión es IE NetRenderer y es más vieja que el catarro pero no me preguntéis por qué no la había descubierto hasta hoy:

• http://meineipadresse.de/netrenderer/index.php

Simplemente introduce en la parte superior la URL de la página que quieras revisar y selecciona la versión de IE con la que quieres destrozar el diseño.

Me consta que ya habíamos hablado aquí de un programita para instalar versiones antiguas de IE en el PC… pero es el que programa casca con Windows Vista y Windows 7. También comentamos distintas opciones para probar un diseño en varios navegadores pero la mayoría de herramientas online o son de pago o tienen una cola de espera para procesar tus imágenes bastante pesada como pasa con Browsershots. No digamos ya los quebraderos de cabeza que te puede provocar emular IE en un Mac por ejemplo.

Las páginas como la mencionada Browsershots o Browsercam ofrecen unas combinación de navegadores inmensa pero la realidad es que si un diseño web está más o menos bien hecho, se verá en todos los sitios… menos en IE. Y si lo único que queremos revisar es si el diseño se rompe en IE7 (IE6 ya está en extinción, aunque no estaría de más echarle un ojo) lo más fácil y rápido es usar NetRenderer.

Comprarte How to be a Rockstar WordPress Designer es probablemente lo mejor que puedes hacer si quieres empezar a montar blogs de WordPress por tu cuenta y estás cansado de patearte Google en busca de tutoriales.

Sé que este primer párrafo suena a promo pero es que me da una rabia enorme no haberme topado con este libro antes ¡y la primera edición es de 2008! Por supuesto está disponible en su eMule o Rapidshare más cercano pero es de las pocas veces que si no lo encontráis, merece la pena pagar. Que no os eche para atrás que sea para WordPress 2.7. Todavía lo estuve ojeando ayer y sigue siendo totalmente útil. Y no, aunque lo parezca no llevo comisión, que parece que siempre que uno recomienda algo de pago en la red hay gato encerrado. Como digo, el P2P es tu amigo en caso de que no os fiéis de mí o andéis mal de cuartos.

Creo que a los que la aparición de los blogs nos pilló haciendo nuestros pinitos con páginas web nos ha pasado que sabemos un poco de todo y mucho de nada. Sabemos bastante de XHTML, algo de CSS, intuimos por dónde van PHP y MySQL a base de usarlos, alguna cuestión de SEO, somos capaces de pegarnos con Photoshop, etc… Pero con un poco de todo no tiene por qué salir un buen plato.

Así pues, el tema del desarrollo web nos gusta y queremos hacernos nuestro propio blog desde cero o intentar sacarnos un dinero haciendo proyectos sencillos para otras personas ¿por dónde empezamos?

Pues es un proceso bien largo. Ya sólo diseñar un tema decente en Photoshop es para romperse la cabeza. Photoshop es un programa monstruoso y si eres principiante lo más fácil es que naufragues en la tercera o cuarta capa.

¿Y luego pasar del Photoshop al XHTML+CSS? ¿Y de ese XHTML a la estructura de WordPress?

Efectivamente: el camino está lleno de momentos en los que resoplarás ante la visión de lo que te queda por delante. Y Google lejos de ayudar, estorba: en castellano la resolución de las dudas está monopolizada por foros y sitios tipo Yahoo! Respuestas donde las preguntas sin respuesta quedan indexadas de una forma lamentable. Y en inglés encuentras cositas pero es fácil acabar con la sensación de que pasas más tiempo en una carrera de obstáculos que disfrutando de tu hobby.

Ahora échale un vistazo al índice de contenidos Rockstar WordPress Designer. Es un libro hecho para la gente que está a medio de camino de no saber nada y de ser un especialista. No te explica las cosas en profundidad sino que te explica justo lo que necesitas saber y lo que es más importante, con un lenguaje claro y bien organizado.

Este me parece el mejor valor del libro: la estructura, el paso a paso necesario para hacer un primer proyecto más que respetable. Especialmente útil me resultó en su momento la sección que adapta el XHTML + CSS a la plantilla de WordPress. Muy didáctica e intuitiva.

Si no quieres perderte con tu primer desarrollo sobre WordPress, aquí tienes la brújula Y para ampliar conocimientos en la red, mucho mejor Delicious que Google.

Este primer párrafo es de lo más arriesgado porque como los que estamos dentro del mundillo de internet sabemos no hay dos sitios iguales y generalizar es prácticamente imposible. Ya veo a alguien que va a coger al teléfono y montar un cristo porque le han cobrado una pasta por su web. En los últimos dos años he visto muchos más timos en el tramo de “lo barato” que de “lo caro”. Exceptuando, lógicamente, páginas de la Administración Pública donde las cifras están infladísimas y uno ve cosas lamentables, aún antes de saber el precio. Sabiéndolo ya le dan ganas de salir a pegar tiros al ayuntamiento más cercano.

El caso es que lo más quema a un principiante es esa respuesta permanente de “depende, depende, depende…” por eso me he mojado un poco más arriba. Pero es que el “depende” es lo más normal del mundo. Si nos ponemos con WordPress más aún porque la cantidad de plugins disponibles te permiten montar desde algo sencillísimo hasta el blog de la Casa Blanca (bueno, aunque ellos usan Drupal :-)

Por otro lado lo del diseño es para dar de comer aparte. Que no debería valer lo mismo un buen diseño que uno malo parece claro pero es que si a tu cliente le gustan los carteles enormes de EN CONSTRUCCIÓN y los gifs animados para indicar la nacionalidad de la web ¿qué haces? A mí me encanta el diseño del blog de Hugo pero al usuario medio lo más probable es que la parezca soso ¡no tiene nada que parpadea! En fin que detrás de estas líneas no hay otra cosa que las palabras Información Asimétrica (que junto con Riesgo Moral y Selección Adversa deberían escocer a todos los economistas en la sala). En última instancia, sólo tú sabes el valor real de tu trabajo y tu cliente tendrá muy poca idea de cuánto vale lo que quiere.

Osea, que si normalmente el precio de un bien lo fijan la oferta y la demanda (lejos de lo que piensan el 99% de los españoles que consideran que el precio de un bien equivale a lo que cuesta fabricarlo) en el ámbito del desarrollo web estamos bien jodidos por ambos lados.

Por eso, para todos los que estéis empezando con vuestros trabajos de desarrollo web recomiendo encarecidamente este magnífico post de Carlos Leopoldo:

• Cómo hacer presupuestos para diseño web (original en inglés)

Mezcla bastantes métodos que he oído por ahí y la ideal del multiplicador por el grado de dificultad me parece muy buena.

Pues en el Tumblr de Iván lasso descube Dummy Image Generator que hace lo mismo pero con imágenes. ¿Cómo es esto?

Vale, suponte que necesitas colocar en un sitio una imagen de 300 x 250 pixels que aún no sabes cómo será. Pues en el código de tu página web pones:

<img src="http://dummyimage.com/300x250" alt="imagen prueba/>

Y te saldrá algo como esto:

Para otros ejemplos sólo tienes que cambiar las dimensiones de la línea código (donde pone 300×250) y listo.