September 30, 2008
As some of you may know Arturo is working in Berlin from may focused in a new design and interface for Jovoto.
Well, after some months of hard work the new version has been released and I can say that you are going to appreciate the change.
The interface is totally new, a new way to navigate the site that makes your interaction simple and smooth. just check it for yourself.
I’m proud of this work even I not being personally involved in the everyday development, but checking both sites, the new and the older, and being objective about our mission in this project I can say that we’ve accomplished the goals that the team putted in the start, far better.
So what’s more on Jovoto? I know that this is just the start and they are focused increasing performance, usability, functionality and polishing the interface.
So from now I can say that we’ll follow working on this project trying to make it better just in the same way like now.
This means that half Gimmicklab it’s going to be in Berlin for some months more, for us it feels pretty exciting being in this adventure and it’s going so smooth so let’s see the how it runs.
Arturo we’ll write on his blog about the concept and new Jovoto’s desing, keep it in mind… or in your RSS Reader. You can also read this morning post at Gimmicklab.
Also if you want to apply for an invitation and you have a creative profile you can send me a comment and I’ll sent one.
Cristian in CSS
July 5, 2008
Desde hace unos meses que quería echarle un ojo a un bundle para codificar imágenes en Base64 para textmate que vi que Arnau había publicado que vi también comentado por Shaun Inman y cogió bastante repercusión.
Hasta hoy no he encontrado un momento para instalarlo, pero es killer. Con ctrl+cmd+b automáticamente te hace la conversión, teniendo en cuenta que la imagen está en un ruta relativa.
Esto nos servirá para reducir el número de peticiones http en el servidor, y elimina la necesidad física de alojar la imagen en el servidor.
La imagen se embebe utilizando la propiedad data:url, con lo que hay que tener en cuenta la extensión del código generado para no alcanzar el límite máximo de longitud en la url aceptado por los navegadores.
Este es el código de un ejemplo básico de una imagen embebida en css, también lo podrías escupir como un output <img /> en HTML.
Read more »
July 5, 2008
Maquetando proyectos comerciales siempre nos aseguramos de que son compatibles con todos los navegadores. Yo personalmente testeo los entregables en Safari, Firefox, Opera en MacOs y Safari, Firefox, IE7 e IE6 en Windows… eso son un monton de navegadores instalados.
Afortunadamente si haces las cosas como se tienen que hacer el único navegador que te traerá quebraderos de cabeza es IE6.
Pues bien, hoy estaba delante de unos de esos bugs estúpidos de IE6, debido a que uso un modificador del compartimiento del navegador (pngfix.htc) para que se puedan renderizar correctamente las transparencias.
Este modificador del comportamiento, pese a que es genial e indispensable, tiene algunas limitaciones y hoy para solventar una de ellas necesitaba substituir el png transparente original por una versión de la imagen en gif sólo para IE6.
Al sacar la versión del png en gif por photoshop el resultado ha sido el de siempre, desastroso, he probado por probar por que por experiencia ya sabía que el renderizado que da a la imagen es un estropicio.
Entonces Sergio ha venido con un truco de la old school del que nunca había oído a hablar.
Cuando exportas la imagen para web, seleccionas gif, transparencia y en mate le copias el color de fondo en el que se supone que se asentará la transparencia; el color de fondo es un aproximado.
Este pequeño truco arregla los bordes rotos blancos que normalmente saca el gif y lo deja casi a la altura del png.
Me ha sorprendido, aunque afortunademente no creo que deba usarlo mucho.
June 23, 2008
Check it out on http://www.gimmicklab.com
