Tampoco es que sea un problema que no cualquier programador no pueda abordar en una horas. Pero ya se sabe: si ya está programado para que escribirlo de nuevo.

Googleando un poco he encontrado un par de soluciones que encajan con lo que necesitaba, y seguro que hay alguna más.

Por un lado hay una solución que aborda el problema en la parte del cliente (su navegador). Es un pequeño plugin de jquery que se llama: html-truncate

Este plugin va muy bien cuando quieres tener un enlace al final del texto con el típico enlace “leer más” y cuando se pulsa haces visible el resto del texto. Se puede ver como funciona en la página de demo de autor (Henrik Nyh) y como resiste bien a cosas como truncar en medio de una tabla

En mi caso solo quiero mostrar dos o tres lineas de cada oferta que publicamos en los bazares y no tenía sentido mandar toda la oferta y luego recortarlo. De hecho si se pulsa en el div que muestra la oferta reducida se envía a la ficha completa de la oferta/demanda. Para recortar lo hacemos en el servidor con el código de Henrik pero adaptado a rails.

Esta mejora forma parte del nuevo diseño y usabilidad de bazar que estará listo en unas semanas. La implementación de esta versión se puede seguir en vivo en la rama ng del proyecto bazar en github. En cuanto esté un poco más “funcional”  daremos la opción a los usuarios para empezar a usarlo.

Después de googlear mucho, hemos encontrado todo tipo de soluciones pero todas con limitaciones y muchos parches para que funcione bien en todos los navegadores. Ya sabéis la pesadilla de las versiones antiguas y sobre todo de Internet Explorer.

El nuevo diseño que ha realizado Javier Cañada de Vostok Studio está basado en objetos que usan transparencia contra el fondo para remarcarse.  Esto simplifica mucho la creación de nuevos temas con solo modificar el color de fondo en el css. Sin embargo CSS3 cuando modificas la transparencia de un div todos los elementos que la contienen lo heredan y no hemos encontrado una manera sencilla y limpia de evitarlo.

Hasta que encontramos transify. Transify es un pequeño jquery que permite hacer todo esto y algunas cosas más de forma elegante y sencilla.

Solo hay que incluir este plugin de jquery y cuando el documento está cargado decirle que div queremos que sean transparentes pero no su contenido. En nuestro caso este es el código que utilizamos:

<script type=”text/javascript”>
$(document).ready(function() {
$(‘.transpa’).transify({opacityOrig:.35});
$(‘.ilumina’).transify({opacityOrig:.35,opacityNew:.7,fadeSpeed:200});
});

Todos los div marcados con la clase transpa se convierten en transparentes con un grado de opacidad del 35%. Como habitualmente el color de fondo de estos div es negro, lo que hace es oscurecer el color de fondo.

Además hemos creado otra clase que ilumina para los div que queremos que se iluminen cuando el cursor pasa por encima para incrementar la usabilidad y llamar la atención de los usuarios.

Una de las cosas que queríamos añadir era un thumbnail del sitio. Algo que no ha terminado de ser fácil. Había dos estratégias:

* Que nuestros servidores (ahora solo tenemos un par de servidores) hicieran el proceso de generarlos

* Usar un servicio externo.

Aunque nos atraía mucho la idea de progarmarlo nosotros, tampoco había una herramienta que lo hiciera fácil y que funcionara en nuestros servidores. Una de ellas, la que más nos gusto por su simplicidad fué: moz-snapshooter.rb

Al final la descartamos, de momento, por que requería instalar gtk en los servidores y sus dependencias. Nos gusto mucho lo fácil que era usarla y que era ruby

En el proceso de búsqueda encontramos un servicio online muy sencillo de usar y que ofrece medio millón de thumbnails al mes, lo cual es más que suficiente para nuestro proyecto.

Se llaman BitPixels  y es tan fácil como incluir como fuente de la imagen la siguiente url:

http://img.bitpixels.com/getthumbnail?code=xxxxx&url=http://www.example.com

Podéis ver la integración el página del dominio bazarum.com. Aunque todavía quedan muchas cosas por hacer!!!

Espero que este post os sea útil.

Un encuentro en el que un grupo de gente muy interesante de gente ( Enrique Topolansky, Carolina Ruggero,Paula Rojo, Jorge Domínguez, Carla Boserman, Gonzalo Martín,Fabianne Balvedi y David de Ugarte) expuso su visión de como lo digital está cambiando la forma de entender y evolucionar la democracia. Mi modesta aportación fue desde el punto de vista hacker y los cambios que han provocado.

Natalia ha hecho un trabajo excelente con las conclusiones del encuentro democracia digital en este post.

Más ventajas: genera un fichero svg que se ve perfecto en todos los navegadores. No tienes que usar flash.

Pero lo ideal es ver uno de los videos de como se hace una presentación para que te quede claro lo sencillo que es.

Este es mi favorito pero hay muchos más, incluyendo como insertar un vídeo usando sozi.

 Pequeño tutorial en Inglés.

Como insertar un video con Sozi

Ya he tenido la oportunidad de conocer y asistir a alguno de los eventos de EO y merece la pena.

Hay más información en los siguientes enlaces:

• En la página de Angel María.
• En el artículo de la revista emprendedores
• Para los que seguís dependiendo de Fakebook

Y esto no podía ser menos con el Bazar Garum. Casi con una frecuencia semanal hay mejoras, nuevas prestaciones, incidencias resueltas, etc.

Esta semana el protagonista es un pequeño cambio que mejora que nos parece super útil: editor enriquecido para las ofertas. Puede parecer trivial pero permite a las empresas de la red de bazares ser mucho más creativos con sus ofertas/demandas.

El post oficial de este cambio ha sido publicado en la página oficial del proyecto Bazar. Para todo el resto de commit que no van a tener sus 15 minutos de gloria, está el repositorio oficial de Bazar Garum en Github.

Es un próximo post contaré como integramos tinymce en rails 3 usando jquery. Tiene alguna trampilla para que funcione y se merece un post.

Para el 31 de julio tendremos disponibles estas formas de instalar y/o probar Bazar:

Y tenemos muchas más novedades pero esto será tema para otros posts

El registro automático esta cerrado de momento, así que tendrás que solicitar una invitación por correo a:

juanto (arroba) garumfundatio (dot) org

Por si a estas alturas no sabes que es el Bazar de la Garum Fundatio te recomiendo que le des un vistazo a este enlace y/o revises las FAQ sobre el Bazar Garum que hemos escrito.

En Junio se incorporarán a la red nuevos bazares: Ayuntamiento de Gijón, Extremadura – Instituto de la Juventud y Rancagua – Chile. Os iremos manteniendo informados.