Archivos Mensuales: noviembre 2006

Nuevo diseño

El primer diseño de menéame fue como el resto del lugar:

El 97% del tiempo tenemos que olvidarnos de las pequeñas eficiencias: la optimización prematura es la raíz de todos los males –Tony Hoare

Lo presentamos lo más rápido que pudimos y bastaron un par de meses para darnos cuenta que necesitábamos cambios: pestañas [1] para las funciones principales; un menú que permita más opciones y agrupadas; menú a la izquierda para que les herramientas ganen visibilidad.

Sigue leyendo

Eli la elefanta lleva la ele

No es un trabalenguas, sino un estado, el de prácticas. Concretamente si el carnet todavía, vigilada por el profesor, hasta que apruebe y le concedan la ele verde.

De momento hemos colgado la teórica: el nuevo diseño de menéame no funcionó aceptablemente bien en IE6 e IE7. Pensaba que Explorer daría pocos problemas a un un lugar validado en W3C y que funcionaba en Firefox / Iceweasel, Konqueror e incluso Opera. Pero no, y salimos del examen de teórica con dos calabazas bien grandes –y estoy buscando un HOWTO para hacer un par de carruajes de recuerdo.

Pues eso, que si la cosa va lenta o hace cosas raras, recordad la ele y no le pitéis mucho.

Luego, con más tiempo, explicaré el porqué cómo y cuándo del nuevo diseño.

Vuelta atrás del Peta

Esta madrugada hice el cambio de la versión peta del menéame. Pero ha durado pocos minutos. A pesar que perdí más de 12 horas seguidas para que se vea bien en IE7 (y que siga validando correctamente), se ve fatal, muy mal, en el IE6.

El primer problema es porque los PNG de fondo tienen guardado el canal alfa, fácil de quitarlos porque no hacen falta las transparencias par aesos fondos. Pero el segundo no tengo idea, perdí muchas horas para solucionar un problema similar derivado de los “float: left”/”clear: left”, pero ya no queda ninguno.

El código xhtml y css validan perfectamente. Se ve igual de bien en Firefox y Konqueror (sobre GNU/Linux y Windows, al menos el 2), está modificado para que se vea bien en el IE7… y no se ve nada con el IE6.

En fin. Si no fuera por las críticas, correos y reportes de bugs que recibiríamos a raudales, lo dejaría tal cual. Es vergonzoso. Y no sé cómo hay tanta gente que lo sigue usando (aproximadamente el 30 % de los que visitan el Menéame lo hacen con IE6, sólo el 3% con IE7, ni para actualizarse correctamente sirve).

Subvirtiendo

Ya he importado todo el código fuente del menéame a subversion. Se puede consultar por web en svn.meneame.net, también es util mirar allí la evolución del CHANGES. Todavía no hay acceso remoto vía Webdav, pero lo habrá, en cuanto tenga tiempo de actualizar a la última versión del Apache2.2 (ahora estamos con el 2.0) de la Debian Etch para poder instalar el paquete libapache2-svn y relacionados.

Notas:

  • No puse en Berlios porque no tiene subversion (y el cvs NO sirve para el tipo de gestión que necesitamos para sincronziar los servidores y agregar y renombrar ficheros facilmente).
  • No puse en sourceforge porque es un coñazo y lento.
  • No conozco otro que tenga subversion y que sea de fiar (no es que no exista, no estoy al tanto).

La dura travesía para que funcione en IE(7)

tooltip con sombras

Cuando consigo acceso al IE7 veo que los tooltips implementados para la previsualización de comentarios e información de isuarios se veían fatal en el Internet Explorer 7, cuando en el 6 funcionaba correctamente (también el Firefox, Mozilla y Konqueror). Después de perder muchas horas me doy cuenta que tiene problemas con los divs con márgenes que son hijos de divs con posiciones absolutas –la técnica que se usa para posicionar los tolltips–. Esos divs con márgenes eran para generar el aspecto de sombra usando sólo el CSS.

Sigue leyendo

Previsualización de información de usuarios

En el apunte anterior comentaba de la previsualización de comentarios. Desde ayer a la madrugada el sistema está mejorado y generalizado (incluso el código fuente).

Lo primero que hicimos fue mejorar el aspecto para que no dañe la vista y cambiar la forma en que hacíamos las sombras. Ahora son puro CSS, más rápida y eficiente que antes.

tooltip en la fisgona

Luego generaliamos la librería, con sistema de cache incluido, para mostrar la información de los usuarios cuando el ratón se pone sobre su avatar. Funciona tanto en la fisgona:

tooltip de información de usuario en la fisgona

como en los avatares de los usuarios que enviaron cada noticia:

información de usuario en las noticias

Previsualización de comentarios y noticias en la fisgona

Desde hace un momento ya se pude previsualizar el texto de comentarios y noticias en la fisgona. Para ello basta mover el ratón sobre los iconos de los eventos. Funciona para:

  • Nuevo comentario.
  • Edición de comentario.
  • Nueva noticia.
  • Edición de noticia.
  • Publicación de noticia.
  • Descarte de noticia.

PS: Otra novedad pedida por damianvila, los datos del log del karma son menos ofuscados, aunque siguen en inglés.