Hoy la curiosidad lleno twitter de mensajes don’t click y el enlace de una misteriosa url con un simple botón.

No era más que un iframe que ocultaba hábilmente el botón de update de la página de twitter, y si pulsabas estando logeado en tu cuenta de twitter mandabas el mensaje “don’t click [y la dichosa url del boton]“ como actualización de estado. Así que otros incautos followers tuyos lo vería de nuevo y propagarían el clickjacking.

En ajaxiam explican como lo hicieron.


iframe { position:absolute;width:550px;height:228px;top:-170px;left:-400px;z-index: 2;opacity: 0;filter: alpha(opacity=0); }
button { position:absolute;top:10px;left:10px;z-index:1;width: 120px; }


Un par de líneas para comprende lo sencillo que fue aprovechar la actualización de status para propagarse. Una simple visita con el firebug lo delata.

Y por cierto, al estar acortada con una tinyURL ya ha sido bloqueada por uso inapropiado. http://tinyurl.com/amgzs6

Tengo que actualizar este blog con WordPress 2.5. He probado actualizando otro de mis blogs con WordPress 2.5 y se ve bastante bien. Quiero hacer antes unas pruebas en local, pero la verdad es que me ha sorprendido el cambio sobre todo de diseño de la herramienta. Trabajando haciendo CMS adhoc se aprecian más esos detalles, lástima que ya este practicamente cerrado el diseño de la aplicación que he estado desarrollando, pero la próxima si la hago, posiblemente en PHP, se inspirará bastante en lo nuevo de WordPress 2.5.

Hasta entonces seguiré experimentando.

Para los que queráis actualizar vuestro blog os recomiendo esta herramienta automatica para pasar de una versión antigua a la nueva. WordPress Automatic Upgrade. Visto en Genbeta (¿donde si no?)

Ayer estuve probando colocar de tagline las actualizaciones que hago en twitter. Opté por ponerlas en en menú lateral. Esto no es definitivo, tengo que rediseñar el sitio.
Otra noticia es que cree el subdominio labs para pruebas y demás proyectos.

Durbon también reinicia, hablo del diseño. Más que reiniciar, unos retoques, la verdad que este diseño no me disgusta. Tiene fallos o cosas a mejorar, pero aún no me he cansado de él.

El boletín que me han mandado esta tarde los chicos de cssReinicia recordaba los 15 días que quedan para el Reinicio global. Y yo aún sin un diseño. Ni dibujado en un papel y, por supuesto, aún sin una línea de código escrita. Pero tengo un buen libro de CSS, uno profesional, nada de “aprenda css fácilmente”. ¡Qué uno ya tiene una buena base, por favor!

15 días para el reinicio, y me piro a Cantabria y Asturias. A la vuelta con un poquito de presión( y suerte) tendremos listo el diseño. Intentaré no darme muchos cabezazos con el teclado intentando que cumpla las normas W3C.

Esta es la nueva cabecera para durbon
Se avecinan nuevos cambios en el diseño, pero tiempo al tiempo. De momento cambio en la cabecera, del favicon y la inclusión de la imagen en pequeño en el footer.

#la fuente usada es Alba

PosteArte. Galeria de blogs bien diseñados. Para sacar buenas ideas. Y como no, Minid uno de los elegidos.

el armonioso fluir del chi en las webs cómo fluye la mirada del que navega

Aardvark es una herramienta para diseñadores y desarrolladores que quieren ver exactamente cuales son las capas de las CSS y donde estan colocadas en la web. Una fenomenal herramienta para combinar con el código fuente bruto para localizar el diseño de cada elemento y su nombre en hoja de estilos. Muestra el nombre del id o class si existen o sino simplemente el nombre del elemento html

Está disponible como extensión de Mozilla Firefox.

Un visitante que no se esfuma nada más entrar en una web no necesita una barra de navegación. Si ha entrado es por algo. Puede ser el contenido de la entrada. Sí es así, la leerá y después de haber llegado al final, es allí donde encontrará la barra de navegación sin problema alguno ni frustración.

Eso es lo que piensa o debe pensar Derek Powazek, ya que no menosprecia el footer, como normalmente se hace usándola sólo para los creditos, copyright, copyleft y demás.
Él llega a más, su footer es una autentica barra de navegación. Todo lo usable que se puede pedir a un weblog por un lector.

Separar comentarios y trackbacks en WordPress 1.5

La imagen
Muestra una ventana y una estrella roja debajo. Es una representación de lo que es o pretende ser este weblog. Una ventana al mundo. ¿Qué significa la estrella roja? Es un símbolo de revolución, algo necesario en la tecnología siendo su motor. No tiene nada que ver con el comunismo, ni ningún ejercito, ni nada por el estilo. Sólo REVOLUCIÓN, cambio tras cambio, andar y comenzar caminos. Abrir nuevos horizontes.

Sistemas de pestañas
No quiero que sólo sea un weblog. En el anterior diseño me encontraba encerrado en su estructura hermética. También hay más cosas que se me ocurren que no son estrictamente un weblog. Como por ejemplo: una wiki, un repositorio de artículos publicados aquí y allá, un portfolio con diseños…y más cosas, lo bueno de esto es que puedo seguir incluyendo secciones rápidamente y quedan todas visualmente bien colocadas.

Sidebar o barra lateral
No voy a negar que esta inspirada en la de Microsiervos. Hay que aprender de los buenos, y me pareció una de las mejores que vi para lo que pretendo. Sencilla y funcional. Faltan cosillas. En realidad, casi el 90% de los weblogs tienen estas barras. No es nada nuevo así que no me detengo más aquí.

Lee el resto de la entrada »

Ayer me decidí a cambiar el diseño del weblog. Al final me ha gustado como ha quedado, pero falta aún modificar varias cosas para que sea más funcional. No falla nada, eso sí.
Tengo que:

• Terminar el about
• Terminar la página de artículos
• Rediseñar el apartado para los comentarios
• Escribir las decisiones de diseño (para recordar el por qué de cada cosa) y las influencias