diseño gráfico / identidad / hosting

Técnicas avanzadas de navegación en masa

En este artículo vamos a ver una técnica compuesta para navegación masiva.

Hay situaciones en las que queremos abrir una gran cantidad de links. Por ejemplo, recorriendo una galería de imágenes (la situación mas común) o cualquier tipo de contenido

En estos casos generalmente se nos presenta la posibilidad de hacer click en “siguiente” para ir viendo cada imagen. Pero de esta forma tenemos que esperar a que se cargue la imagen, mientras que esta se podría haber estado cargando en el tiempo que estábamos mirando la imagen anterior.

Cuando se nos presenta un link como este http://wwww.page.com/imgs/024.jpg, si somos atentos nos daremos cuenta que el nombre de archivo de la imagen es un numero. Y que sucede si cambio 024.jpg por 023.jpg? Eureka! Hay más imágenes. Esta es una forma bastante humilde de ingeniería inversa; poniéndonos en la mente del webmaster, seria ilógico tener una imagen que se llame 024.jpg si no existiesen imágenes anteriores.

Entonces podemos manualmente ir cambiando el nombre de cada imagen para descubrir si existen mas… pero esto no suena para nada práctico… pues no lo es.

Generación de los links

Lo que haremos ahora es ingresar a esta pagina y copiar el link “Generar lista de links“ a nuestra Bookmarks toolbar en el navegador que estemos usando. Para copiarlo simplemente arrastrar el link a cualquier lugar de nuestra barra de links. Podemos cerrar la ventana que contiene el link.

Para practicar en vivo como funciona este bookmark “mágico”, abriremos en otra ventana el siguiente link para practicar: http://www.smbc-comics.com/index.php?db=comics&id=1450

Como podemos ver, no es un link directo a una imagen, sin embargo al final del link vemos efectivamente números. Ahora, mientras estamos en la ventana que contiene el link anterior, clickeamos el bookmark “Generar lista de links” y se abre en otra nueva ventana una lista con un solo ítem.

En el segundo numero ingresar 1500. Podemos ver como se han generado automáticamente una serie consecutiva de links cuyo numero incrementa en 1, desde 1450 hasta 1500.

Bien! Es realmente práctico. No tenemos que cambiar los números manualmente. Pero ahora debemos hacer click, manualmente, en cada uno de los links… y esto no suena muy práctico, verdad?

Pues esta es la segunda parte de nuestra técnica “compuesta”

Ingreso a los links

Lo que haremos es instalar esta extremadamente práctica y dinámica extensión para Firefox: Mouse Gestures Redox. Si bien solo voy a enseñarles una funcionalidad de este addon, recomiendo que lo exploren a fondo. Si los ninjas navegasen en internet, lo harían con este addon, o en Opera que por defecto trae mouse gestures (score for opera).

Los mouse gestures son básicamente dibujos que realizamos con el mouse que realizan determinadas acciones. Para simplificar la visualización de nuestras gestures, ir a Tools > Add-ons, click en Mouse Gestures Redux y click en Options de este ítem; ir a la tab visual y tick en Enable mouse trails. También podemos elegir el color y tamaño de las “trails”, en mi caso elegí 1 pixel por 1 pixel y de color gris, un color y tamaño poco obstrusivos. También hacer tick en Enable status notifications

Ahora que podemos ver el recorrido de nuestro mouse, podemos más fácilmente ver las acciones que realizamos.

Manteniendo apretado el click secundario (click derecho) del ratón, tracemos una linea de tal forma que toquemos los links. El orden en que la linea toque los links es el orden en que serán abiertos en nuevas tabs. después que los tocamos, tenemos que terminar nuestra gesture en RUL (right up left), es decir derecha, arriba, izquierda. Tenemos que hacer algo parecido a un cuadrado. Luce como esto:

Nótese que lo único que importa es que la gesture termine en RUL, en el recorrido anterior solo importa tocar los links. Nótese también que la notificación de nuestro movimiento no aparece como en la imagen, sino que aparece en el sector superior izquierdo de la ventana

Cuando soltemos el click secundario, nuestros links se abrirán en tabs. Listo!

Esta es una técnica que nos puede salvar mucho tiempo navegando en internet. En el próximo articulo veremos otras funcionalidades prácticas de los mouse gestures y navegaremos como ninjas. Ninjas piratas. Awesome.

Dejar un comentario