Abbey Road

ver la versión actualizadaCaminando por Abbey Road

Cada nuevo paso era un nuevo montón de hojas secas que crujían a sus pies, desplegando el manto de la inmensa alfombra verde y amarilla de ese suelo levemente mórbido. El otoño aún seguía desparramando su cabellera vegetal sobre su cabeza gacha que permanecía indiferente a esa incesante llovizna.

La laguna y su casa habían quedado atrás, y el bosque se abría ante sus ojos, pleno de árboles irguiéndose entre la bruma del atardecer y grandes claros donde algunos pájaros multicolores picoteaban indolentes sobre la tierra desnuda, en busca de alguna semilla olvidada o algún insecto solitario.

La cultura del spaghetti

continuar leyendo

En MyFlashFetish podemos encontrar muchos widgets realizados básicamente para MySpace pero que pueden insertarse en muchos otros sitios o redes sociales, incluyendo Blogger.

Si bien hay Widgets de todo tipo, incluyendo Slideshow de imágenes, la sección de Reproductores MP3 parece ser la más interesante.

Alojar archivos MP3 es complicado: son "malignos", promueven la piratería, impiden que algunos músicos puedan comprar esas finas sábanas de hilo egipcio que tanto necesitan.

Pero aún más difícil es encontrar sitios que admitan el enlace directo (hotlinking) y que nos provean la dirección URL directa al archivo para poder usarlo con reproductores independientes.

Estos son cuatro sitios que los admiten:

FileAve requiere registrarse.

Tamaño máximo: 5MB
(usuarios registrados gratuitamente: 50MB)

MinorCrisis incluye un buscador interno.

Tamaño máximo de los archivos: 4MB
(usuarios registrados gratuitamente: 50MB)

Fileden requiere registrarse.

Tamaño máximo: 50MB
Espacio disponible: 1GB

SnapDrive permite crear un reproductor Flash.
Requiere registrarse.

Tamaño máximo de los archivos: 500MB

DivShare no es necesario registrarse.

Permite muchos otros tipos de archivos.
Gracias por el aporte Mr Prado.

Aunque esta técnica de phishing ya fue reportada hace tiempo, parece que nada se ha hecho por resolverla. Se trata de una vulnerabilidad en el acceso a las cuentas de Gmail que se transmite mediante el correo.

El mail posee un enlace de acceso a la página de login normal y efectivamente, nos dirige correctamente a google.com pero, luego de hacer click, y acceder ingresando nuestro nombre o identificador, se recibe un mensaje diciendo que la contraseña es incorrecta ¿Qué haríamos normalmente? la ingresamos por segunda vez. En ese momento, le hemos dado al cracker nuestros datos ¿Por qué? es que ya no estamos en google.com si no en otro dominio a donde se nos ha redirigido sin que lo supiéramos.

Según explican, lo que ocurre es que Google permite agregar un parámetro al enlazar una página de login de sus cuentas. Este parámetro, indica la página siguiente a donde deberá dirigirse al usuario una vez que se haya registrado correctamente, cosa que hicimos pero, en lugar de ingresar a uno de nuestros servicios, esa página siguiente nos dice que hay un error, nos pide nuestros datos otra vez y se los damos. Demasiado sencillo.

El articulo original, publicado en Google Blogoscoped advierte dos cosas importantes. La primera es que han reportado nuevamente el problema al Centro de Seguridad de Google para que lo solucione a la brevedad o responda de alguna manera, cosa que hasta ahora no ha hecho y aseguran que de lo contrario, publicarán los detalles y los parámetros utilizados.

El segundo consejo es más genérico pero es el único que puede librarnos de pérdidas que luego lamentaremos: nunca ingresar en una página de login a través de un enlace en alguna página web y menos aún desde un email. Hacerlo siempre escribiendo la dirección URL o utilizando nuestros marcadores.

Hace tiempo que busco una forma de poder mostrar imágenes en una ventana independiente del blog; algo que permita hacer click y que se abra rápidamente sin salir de la página. En realidad, hay muchas rutinas y ejemplos de esto, pero, o no sirven en Blogger, o son muy pesados o son muy complicadas de utilizar.

Aunque no dejaban de ser interesantes, descarté Prototype y sus variantes, Hoverbox, GreyBox, WZ_Tooltip y Lightbox, aunque fue el que más cerca estuvo de cubrir mis necesidades.

Finalmente, un script de DynamicDrive terminó (por ahora) con mi búsqueda.

Este es un simple EJEMPLO.

Image Thumbnail Viewer es una rutina muy sencilla, de apenas 7KB que puede aplicarse a cualquier enlace para cargar una imagen sin necesidad de esta escribiendo códigos interminables, basta agregarle a la etiqueta del vínculo, el atributo rel="thumbnail".

El diseño de la ventana que contendrá la imagen es fácilmente personalizable y podemos elegir si queremos que se agregue algún texto a modo de título o si queremos que se abra con un efecto tipo fade.

Lo primero que necesitamos es descargar el archivo thumbnailviewer.js y editarlo para establecer nuestras opciones.

Abrimos el block de notas y allí, al inicio del archivo, nos encontraremos con esto:

// -----------------------------------------------------
// Image Thumbnail Viewer Script- By Dynamic Drive
// available at: http://www.dynamicdrive.com
// Last updated: Jan 22nd, 2007
// -----------------------------------------------------

var thumbnailviewer={
enableTitle: true,
enableAnimation: true,
definefooter: '<div class="footerbar">CLOSE X</div>',
defineLoading: '<img src="loading.gif"/> Loading Image...',

El resto del archivo no nos interesa, en esas cuatro líneas está todo lo necesario para configurarlo:

enableTitle: podemos poner true si queremos incluir textos en las imágenes o false si no queremos.
enableAnimation: podemos poner true si queremos incluir el efecto fade o o false si no queremos.
definefooter: esta línea define la forma en que se mostrará un pie de página en la nueva ventana que nos permitirá cerrarla. Simplemente, podemos cambiar el texto CLOSE X por cualquier otro.
defineLoading: esta línea define la forma en que se mostrará una advertencia mientras se va cargando la imagen. Podemos colocar cualquier imagen de carga, por ejemplo: loading.gif que debemos alojar previamente en algún servidor y luego copiar la dirección URL correspondiente y, además, cambiar el texto o eliminarlo.

Una vez hecho esto, guardamos el archivo y lo subimos a un servidor.

Ahora, nos toca establecer las propiedades CSS de la ventana; para esto, hay dos métodos. El primero es bajar el archivo correspondiente: thumbnailviewer.css, editarlo y subirlo a un servidor propio.

Si empleamos este método, en la plantilla de Blogger incluiremos ambos archivos, la hoja de estilo CSS y el script, ambos en el HEAD de nuestra plantilla, por ejemplo, inmediatamente antes de la etiqueta </head>:

<link rel="stylesheet" href="URL_thumbnailviewer.css" type="text/css" />
<script src="URL_thumbnailviewer.js" type="text/javascript"></script>

El segundo método consiste en copiar y pegar el contenido del estilo en la plantilla, de este modo, es más sencillo de editar y retocar cuantas veces queramos, algo que, con un archivo externo, nos obligaría a tener que reemplazarlo una y otra vez. En este caso, procedemos de manera similar, en el HEAD de nuestra plantilla, inmediatamente antes de la etiqueta </head> agregamos lo siguiente:

<style type="text/css">

/* este es el rectángulo total de la ventana */
#thumbBox {
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px; /* el ancho del borde */
padding-bottom: 0;
background: #313131; /* el color de fondo */
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

/* este es el rectángulo del pie de página */
#thumbBox .footerbar {
/* propiedades del texto "CERRAR" */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #FFFFFF;
padding: 5px 0;
text-align: right;
/* propiedades que podemos agregar: background-color, border */
}

/* es el rectángulo interior que contendrá la imagen y el eventual título */
#thumbBox #thumbImage {
background-color: #FFFFFF; /* el color de fondo */
/* podemos agregar otras propiedades, por ejmeplo, para las fuentes de los textos */
}

/* es la advertencia de carga que se muestra antes de abrirse la ventana */
#thumbLoading {
position: absolute;
visibility: hidden;
border: 1px solid black; /* el borde */
background-color: #EFEFEF; /* el color de fondo */
padding: 5px; /* márgenes */
z-index: 5;
/* podemos agregar otras propiedades para las fuentes, etc */
}
</style>

<script src="URL_thumbnailviewer.js" type="text/javascript"></script>

Bueno, ya está, ahora podemos usar la rutina en cualquier parte del blog, en un post o en la sidebar.

Este, es el código de un enlace normal:

<a href="URL_imagen">ENLACE</a>

Este, es el código de un enlace utilizando el script:

<a href="URL_imagen" rel="thumbnail" title="texto">ENLACE</a>

Como se ve, sólo agregamos dos cosas. La primera, rel="thumbnail", esto es obligatorio, en realidad, es lo que hace que funcione el script. La segunda, title="texto" es opcional y sólo la usaremos si hemos puesto enableTitle=true.

El script puede utilizarse en cualquier tipo de enlace.

... en Windows cuando no hay conexión a internet

1. Recorrer los archivos que guardamos pero no sabemos para qué: 25 imágenes curiosas, 14 jueguitos de Flash, 3 paquetes de íconos.
2. Borra alguno, arrepentirse y volverlo a recuperar.
3. Cambiar los nombres de los archivos tipo 0214525vgveyuw47523v.gif por pingüinitoAnimado_135.gif.
4. Buscar y eliminar los archivos temporales.
5. Mirar si el modem funciona.
6. Vaciar la papelera de reciclaje
7. Reiniciar la PC por las dudas.
8. Crear una carpeta Archivos a Organizar y mover el contenido de la antigüa carpeta Archivos a Verificar. Eliminar esta última.
9. Vaciar la papelera de reciclaje
10. Mirar si el modem funciona.
11. Revisar cuidadosamente la lista de pendientes y dejarla tal cuál está.
12. Organizar el Menú Inicio.
    
13. Ir a Conexiones de Red y hacer click en Reparar esta conexión. Esperar.
    
14. Reiniciar la PC por las dudas.
15. Jugar un rato.
16. Probar diferentes wallpapers.
    
17. Fijarse si en Archivos de Programas quedaron carpetas vacías después de desinstalar software.
18. Vaciar la papelera de reciclaje.
19. Reiniciar la PC por las dudas.
20. Escribir sobre las cosas que se pueden hacer en la PC cuando no hay conexión a internet.