juantomas Hacking the planet

28 diciembre, 2011

Como hacer div transparentes pero no el contenido

Filed under: Hacks,Proyecto Bazar,Proyectos,rmd — juantomas @ 11:22 am

Durante el proceso de implementación del nuevo diseño y usabilidad del 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.

 

3 diciembre, 2011

Como hacer thumbnails de una página web

Tenemos un pequeño proyecto para analizar páginas web y clasificarlas sin son empresas. Es solo un experimento basado en una idea muy simple: las empresas tienen página web y su contenido nos puede decir si es una empresa y a que se dedica. Esta información es muy útil para proyectos como 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!!!

 

 

2 diciembre, 2011

Fashion Market de Uniccos

Filed under: Casos de Exito,Eventos,Personal — Etiquetas: , , , , — juantomas @ 6:42 pm

Este fin de semana ( 2 y 3 de diciembre) se celebra el I fashion market de uniccos.  A mi pilla en Montevideo pero es una buena idea acercarse a ver los productos de uniccos en vivo. Estarán las diseñadores y tiene programado bastantes actividades desde música a  talleres.

Uniccos es una plataforma online española en la que diseñadores y artesanos venden sus productos.

Este es flyer oficial:

 

Esta es la nota de prensa oficial con información más detallada:

El primer fin de semana de diciembre la marca UNICCOS sale del mundo online para
dar a conocer sus productos celebrando un showroom muy especial en Madrid.
Aprovechando una época perfecta para realizar las primeras compras navideñas, la
marca realiza un evento cargado de actividades, regalos, talleres, moda y música
donde podrá conocerse su espectacular escaparate de productos.
Para celebrar su primera
edición, se obsequiará a todos
los compradores con un
regalo muy especial. Además,
se sortearán dos bonos de
100 € cada uno entre todos
los visitantes para canjear en
el portal.

Además, podremos disfrutar de un espacio unicco, donde buscar los artículos más
originales, participar en los talleres de los artesanos más innovadores, tomar un
cocktail animados por música a cargo de un DJ.

Nuestra reconocida blogger y colaboradora del equipo de UNICCOS, Alexandra de
LOVELY PEPA será la encargada de   diseñar los outfits y llevar la realización de los
desfiles donde se mostrarán los productos de la marca. Todos los desfiles comenzarán
a las 18.00 .

UNICCOS.com es un portal donde pueden adquirirse sorprendentes artículos
artesanales y de diseño a precios increíbles. La amplia selección de productos está
dividida en categorías para buscar y comprar con mayor facilidad artículos
originales, exclusivos, diferentes y en muchos casos   totalmente personalizables.
UNICCOS.com aúna a multitud de jóvenes creadores que han hecho de su talento
una forma de vivir. Todos los productos están realizados a mano, y UNICCOS.com
está con ellos para ayudar a conseguirlo.

Creadores trabajando en directo

Diseño de tocados con Ojuilla

Noelia es especialista en la confección de
broches de fieltro y tela, diademas,
carteras y divertidos bolsos y tocados.
Una de las creadoras más polifacéticas de
UNICCOS nos enseñará en directo su
trabajo y realizará encargos exclusivos y
personalizados de las compradoras.

Pipocass. Ganchillo y crochet

Paula adora su trabajo y lo demuestra
en cada una de las creaciones que
hace. Confecciona productos de
diseño propio resultado de
experimentar con lanas, algodones,
telas y distintas técnicas. Destacan en
su tienda diademas de crochet,
bolsos, collares divertidos y coloridos,
bufandas, mitones, calienta orejas y
un sinfín de productos.

Bisutería con Grapas

Grapas es Isabel, realiza bisutería de lo más
original, no sólo porque sus diseños son
preciosos sino por el material principal que
usa, las grapas! Acompañadas de piedras y
otros abalorios consigue realizar pendientes,
tocados y anillos muy originales. Podremos
observar como un elemento de la vida diaria
puede convertirse en una pieza única y
exclusiva.

Pia Amat. Joyería Orgánica

Esta joven diseñadora de joyas de Barcelona realiza
joyas con texturas orgánicas e irregulares,
inspiradas en la naturaleza, la joyería étnica
sagrada y el art noveau catalán y francés. Utiliza
piedras semipreciosas de alta calidad procedentes
de comercio justo y plata y oro reciclados.

Kukinos. Exposición de cometas

Cometas con alma para una Nueva Tierra diseñadas perfectamente para volar y
espectaculares para decorar cualquier ambiente. Sus cometas provienen de la
cooperativa fundada por su buen amigo Made Budiasa en Bali, cuyas ganancias
se utilizan para cubrir los costos escolares de los hijos de los campesinos de la
zona.

Son ecológicas: Hechas de bambú y materiales reciclados provenientes de la
limpieza de las playas de Bali.

Son artesanales: Hechas a mano y con el corazón.
www.uniccos.comAdemás, otros creadores y artesanos de los muchos que pueden encontrarse
también estarán en el Fashion Market by UNICCOS para mostrar sus creaciones.

Podremos conocer el trabajo de:

ABALORARTE
AGUMA
BELENCI
CHIQUITAS
EL BEBÉ Y SU ROPITA
EL JOYERO DE ROSA
ENESPIRAL
HELMETDRESS
LAS MINIMIS
MAMAYO
MAMABROCHE
MARÍA TORNE
MARMARA COLLECTION
MIMETIK
NU
NUMON
ONEGRAPHICGIRL
OSMIT
QUERUBINES DEL CIELO
SANKYS
UNICCOS
UN PÉTALO CADA DÍA

Todos los productos de los creadores presentes en el Fashion Market tendrán un 10% de
descuento sobre el precio de venta online.

www.uniccos.com

Contacto de prensa:
Sara Mesonero
913 284 041 – 669 420 251
prensa@uniccos.com

 

 

Powered by WordPress