proyecto bazar nos hemos encontrado con un pequeño problema que nos estaba volviendo locos: Como hacer transparentes los divs pero no su contenido. 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. ]]>
diciembre 28, 2011
diciembre 3, 2011
Como hacer thumbnails de una página web
Bazar y la dinamización de mercados. Todavía está muy alfa pero ya está analizando 2 millones de webs en español. Por si queréis ver como va avanzando, está en este enlace: webexplorer de bazarum. 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!!! ]]>
septiembre 21, 2011
septiembre 19, 2011
KBUÑS 2011: Conclusiones encuentro Democracia Digital
Cabueñes 2011. Natalia Fernandez de la sociedad cooperativa de las Indias me invitó a participar en el encuentro de Democracia Digital. 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.]]>
septiembre 18, 2011
Sozi: como hacer presentaciones estilo prezi usando inkscape
Fabs, mi hacker brasileña favorita, me apuntó a Sozi. Este software libre es perfecto para reemplazar prezi como generador de presentaciones «vistosas». La idea es usar inkscape más el plugin de sozi para generar tu presentación. Simplemente creas tu presentación al estilo prezi, le añades un layer, metes como areas los controles de sozi y ya está. No tiene los super controles de prezi, que son todo un hallazgo en usabilidad pero es igual de funcional. 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 ]]>
septiembre 13, 2011
Sesión de puertas abiertas de EO Madrid
septiembre 2, 2011
Bazar Garum: paso a paso
nunca se acaba. 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. ]]>
julio 15, 2011
Bazar Garum: Mejorando las formas de instalarlo
Bazar Garum y de momento seguimos en beta privada a la que solo se puede acceder por invitación pero seguimos trabajando para que instalar un bazar sea cada vez más sencillo. Para el 31 de julio tendremos disponibles estas formas de instalar y/o probar Bazar:
junio 4, 2011
Bazar Garum: ¿Quieres probarlo?
Bazar Garum. Si quieres probar bazar antes de que se lance oficialmente esta es tu oportunidad 😉 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. ]]>
junio 2, 2011
Arducopter: el UAV libre con arduino
Hoy por fin está al 99% el arducopter que he montando y ya queda muy poco para que haga los primeros vuelos de test. No ha sido trivial en absoluto y menos para alguien que como yo no tiene ni idea de electrónica, avionica o de aeronaútica. Eso sí por el camino he aprendido un montón. Como siempre ha sido gracias al conocimiento libre y la cantidad de información ingente que hay en la Red. Si quieres aprender algo simplemente no tienes ninguna excusa. Podría haberme comprado un UAV comercial listo para volar pero claramente no es lo mismo. El placer de entender cada parte del hardware abierto que se ha desarrollado en el proyecto, de entender cada parte del código que lo hace inteligente es simplemente maravilloso. Supongo, que sin querer, esto me acerca un poco más al espíritu hacker. Este debería ser el primer post de una serie que en el que os cuente muchas de las cosas que he aprendido en el camino, así que no me voy a extender mucho más. Para rematar, solo un pequeño detalle: Chris Anderson Editor Jefe de Wired, Autor del libro The Long Tail y ahora ademas curator/director de TED está detrás de este proyecto y se nota y mucho. ]]>