No todos los marcadores de tu navegador tienen por qué llevarte a una página web, aunque esa sea su función original: en algunos casos, los marcadores no almacenarán URLs, sino código JavaScript que —una vez hagamos clic en alguno de ellos— se ejecutará en la página que estemos visualizando en ese momento.

Esos marcadores reciben el nombre de 'bookmarklets' y son, en definitiva, tanto un precedente de las extensiones de los navegadores como una alternativa ligera (y transparente, pues todos podemos ver su código) a las mismas: un modo rápido de complementar o alterar el funcionamiento del navegador o de las propias páginas.

Un ejemplo: llegamos a una web cuyo diseñador ha decidido recurrir a JavaScript para evitar que podamos hacer uso del menú contextual y/o de la opción de seleccionar texto; una herramienta disuasoria burda pero aún muy usada.

Pues bien, meramente yendo a la barra de marcadores del navegador y haciendo clic en nuestro bookmarklet de 'Volver a seleccionar texto' alteraremos el código de la web y, con él, su funcionamiento.

El código que nos permitirá hacer eso es el siguiente (puede ser difícil de 'leer' por su falta de identación, pero así es como se almacena):

javascript:(function() { function R(a){ona = "on"+a; if(window.addEventListener) window.addEventListener(a, function (e) { for(var n=e.originalTarget; n; n=n.parentNode) n[ona]=null; }, true); window[ona]=null; document[ona]=null; if(document.body) document.body[ona]=null; } R("click"); R("mousedown"); R("mouseup"); R("selectstart"); })()

Esta estructura "javascript:(function(){FUNCIÓN})()" se mantiene siempre en los bookmarklet, y nos marca la pauta para crear los nuestros propios a poco que nos defendamos con el JavaScript.

En Genbeta

Las mejores extensiones para Chrome, Edge y Firefox del 2020

Quizá te estés preguntando "¿cómo se 'instalan'?". Habitualmente, encontraremos los bookmarklets en la forma de un hipervínculo cualquiera, por lo que bastará con arrastrar el enlace en cuestión a la barra de marcadores de nuestro navegador.

Prueba a hacerlo con los siguientes:

Bookmarklets útiles para tu productividad web

• Restaurar selección de texto: [Activar selección de texto]

• Restaurar clic con el botón derecho: [Activar clic derecho]

• Editar la web: ¿Quieres poder alterar el texto de una página web como si estuvieras escribiendo en MS Word? Pues esto es lo que estás buscando. [Edita la web]

• Búsqueda de segunda opinión: Si estás viendo la página de resultados de Google o de Bing, pero no te convencen los resultados, puedes usar este bookmarklet para abrir una nueva página de búsquedas en otro buscador. Concretamente, en este ejemplo, del nuevo buscador de Brave. [Buscar también en Brave]

• Diferenciar enlaces por tipo: Un clic en este bookmarklet y todos los enlaces de la web que estás visualizando adquirirán un determinado color de fondo según si son enlacen internos (rojo, por defecto), externos (azul) o si están actualmente abiertos (naranja). Una pequeña (e intuitiva) edición del código nos permitirá personalizar dicho código de colores. [Diferenciar enlace]

• The Printliminator: Este bookmarklet está pensado facilitar la tarea de imprimir una página web… ayudándonos en el proceso de ir borrando a golpe de clic elementos de la misma que no queramos ver impresos; para ello, desplegará una ventana superpuesta dentro de la pestaña del navegador. También disponible como extensión. [Prepara esta web para imprimir]

• Generador de contraseñas: Si no usas un gestor de contraseñas, puedes recurrir a este ingenioso bookmarklet que encripta el dominio de la web que estemos usando una 'contraseña maestra' que nosotros mismos le proporcionaremos. Cada vez que volvamos a usarlo en la misma web, nos devolverá la misma contraseña. [Generar contraseña]

• Wappalyzer: Este bookmarklet (también disponible como extensión del navegador) nos muestra información sobre qué tecnologías web se han utilizado en la creación del sitio en cuestión (base de datos, gestor de contenidos, bibliotecas JS, sistema de analítica, plataforma de publicidad online, etc). [Ver tecnologías web]

Muchas veces, cuando navegamos por Internet, acabamos recopilando marcadores de artículos que nos gustaría leer pero que no podemos hacer en ese momento. De hecho existen servicios especializados para ofrecer esta funcionalidad (Pocket e Instapaper, por poner dos ejemplos). Pues Paperlater promete esa misma experiencia, pero leyendo esos artículos en papel.

La idea es simple: mediante un bookmarklet vamos recopilando todos los artículos que vayamos queriendo leer, que se van enviando al servicio. Cuando tengamos suficientes artículos pendientes, Paperlater se encargará de editar, maquetar e imprimir un periódico (incluso en papel de periódico) que en dos días estará esperando en el buzón.

Obviamente, como podéis imaginar, el servicio no es gratuito. Imprimir cada número cuesta 4,99 libras, incluyendo impuestos y gastos de envío en el Reino Unido, único país donde está disponible, aunque con intención de expandirlo con otros mercados (sin especificar cuáles).

Personalmente y a falta de poder probarlo, echo de menos la integración con los servicios más populares (precisamente Pocket e Instapaper). Aunque la experiencia es muy similar (un click en el bookmarklet y se envía el artículo a la lista de artículos pendientes), puede que fuera más útil poder solicitar el periódico con la lista de artículos pendientes que ya hemos almacenado en otro servicio. Por ejemplo, yo podría llevarme un periódico con mis lecturas pendientes para no tener que usar una tablet o un móvil cuando me vaya de viaje. Aunque pinta bien, la verdad.

Sitio oficial | Paperlater
En Genbeta | Los números de Pocket en España: el mercado más importante después de los anglosajones y Japón

Ante la sobreabundancia de información que tenemos en la red han ido proliferando los servicios de descubrimiento de contenido, algunos limitados al entorno móvil (como "Zite":http://zite.com/) y otros con presencia también en la web (como "Prismatic":http://getprismatic.com/). Una nueva e interesante apuesta en este sentido es NextStories, un servicio que funciona únicamente a través de un bookmarklet.

Una vez que hemos incorporado el bookmarklet a nuestro navegador, al pulsarlo se desplegará una rejilla compuesta de miniaturas de noticias relacionadas con lo que estamos viendo. Las noticias están ordenadas por columnas en base a su relevancia de izquierda a derecha, siendo la de la izquierda la que muestra las más relevantes. En la parte superior de la rejilla aparecen las más recientes y, según descendemos, se van viendo las que tienen mayor antigüedad.

Como es lógico, para poder ver una noticia tan sólo tenemos que pinchar en ella. Ahora bien, en la parte inferior derecha de cada miniatura tenemos un botón que nos permite cambiar el tema que se está mostrando en base a la noticia que nos muestra. También podemos cambiar de tema seleccionando entre los que encontrarmos en la barra de la parte superior. Para quitar la rejilla solo tenemos que pinchar en cualquier parte fuera de ella.

En lo que se refiere al entorno móvil, por ahora todo lo que tienen disponible es una aplicación gratuita "para iPad":https://itunes.apple.com/es/app/nextstories/id639568752?l=cs&ls=1&mt=8, cuyo funcionamiento podéis ver en el siguiente vídeo:

El servicio aún se encuentra en estado beta pero está optimizado para más de 4000 sitios de noticias y blogs de Estados Unidos, Alemania y España, a pesar de dicen que también se pueden encontrar contenidos de otros país (como por ejemplo, de América Latina), por lo que resulta útil para usarlo con sitios en nuestro idioma. Además, podemos sugerir sitios relacionados al que estamos viendo para que sus creadores los incorporen a los resultados.

Tratándose solamente de un bookmarklet que no necesita otra instalación que ser arrastrado a nuestra barra de marcadores, vale la pena probar el servicio. No es necesario ni siquiera que nos registremos, por lo que le podemos dar una oportunidad para ver que tal son los resultados que se nos ofrecen. En general, y tras probarlo un buen rato, creo que es un servicio que apunta maneras aunque todavía requiere aumentar el número de sitios y darle una vuelta de tuerca para mejorar los resultados, un tanto irregulares en algunos casos.

Enlace | "NextStories":http://www.nextstories.com/

"Instapaper":http://www.instapaper.com/ es mi servicio favorito para conservar artículos que encuentro por la web y que quiero leer con más detenimiento y comodidad. Lo uso tanto desde el escritorio (más para guardar) como desde mi iPod (más para leer) y de un tiempo a esta parte se ha convertido en una herramienta indispensable para mí.

Ahora, su conocido bookmarklet ha sido actualizado incluyendo dos novedades modestas pero bastante útiles. La más evidente es la de la notificación de guardado, que ha pasado de ser un pequeño recuadro a mostrarse superpuesta durante unos segundos ocupando toda la pantalla, haciéndola más visible sobre todo cuando guardamos algo desde un dispositivo móvil.

La segunda es más discreta pero más útil. ¿Sabéis esos artículos que están divididos artificialmente en varias páginas (que no partes) y que nos obligan a guardar cada parte por separado si queremos conservarlos? Pues bien, ahora Instapaper se ocupa de guardar todas las partes en un solo archivo, de manera que tan sólo basta con pulsar el bookmarklet en la primera parte para almacenarlas todas de un solo golpe.

Estas dos mejoras ya están disponibles y, como el cambio se ha realizado en los servidores de Instapaper, no es necesario que sustituyamos el bookmarklet que ya tenemos en nuestro navegador. Incluso funcionan si en su lugar utilizamos alguna extensión como "Instasaver":https://addons.mozilla.org/en-US/firefox/addon/instasaver/ en Firefox.

Vía | "Lifehacker":http://lifehacker.com/5889690/instapaper-bookmarklet-now-saves-multi+page-articles

Soy de los que tiene siempre oculta la barra de marcadores en Chrome y sólo la abro cuando necesito utilizar algún bookmarklet. Por ello, cuando me he encontrado con esta apliicación web capaz de convertir bookmarklets en extensiones, no he perdido un minuto en probarla. ¿La diferencia? Que una extensión aparece en la barra de herramientas y no hay que recurrir a abrir la de marcadores.

El funcionamiento es muy sencillo. Una vez hemos ingresado al sitio, debemos poner el nombre de la extensión que vamos a crear y una descripción. Luego, arrastramos el bookmarklet al tercer cuadro del formulario y pulsamos en “Generate extension”. Al hacerlo, se descargará un archivo ZIP en nuestro ordenador.

A continuación, descomprimimos el archivo en una carpeta y abrimos la pestaña de extensiones. Habilitamos el modo desarrollador marcando en la casilla que hay arriba y pinchamos en cargar extensión descomprimida. Nos dirigimos a la carpeta donde descomprimimos el archivo y la extensión se cargará, apareciendo con el icono de un punto negro en la barra de herramientas.

Supuestamente, la extensión se comportará como el bookmarklet. Sin embargo, al probarlo con algún bookmarklet que abre una página en una ventana (como el de Tumblr), la página también se me ha abierto en la pestaña. Por lo tanto, es posible esperar algunos fallos dependiendo de lo que haga el bookmarklet que utilicemos.

Una herramienta bastante útil que, aunque tampoco es cosa de ir convirtiendo todos los bookmarklets que tengamos y sobrecargar la barra de herramientas, bien puede servirnos para tener a mano los que utilizamos con más regularidad.

Por cierto, como ese punto negro resulta un icono bastante anódino, resulta recomendable recurrir a crear el nuestro propio por medio de nuestro editor de gráficos preferido. Luego, sustituimos los que hay en la carpeta donde descomprimimos el archivo por los nuestros y cargamos la extensión. Aunque claro, esto depende del afán de personalización que tenga cada uno.

Vía | Lifehacker
Enlace | Convert bookmarklet to Chrome extension

Microsoft lanzó hace unos días Bookmarklet Translator, una herramienta muy útil para navegar por la Red, capaz de traducir hasta 36 idiomas diferentes, detectando de forma automática el idioma de la página visitada.

Bookmarklet Translator proviene de Bing Translator, aunque tiene una ventaja funcional sobre éste y la herramienta su competidor, Google Translator: no es necesario abandonar la página que necesitamos traducir, con lo que no se pierde la estética original del sitio.

La herramienta se instala de forma muy sencilla en prácticamente cualquier navegador. Basta con dirigirse a la web oficial, allí seleccionamos nuestro idioma y cuando aparezca la palabra “traducir”, que es un enlace, arrastramos con el ratón la misma a la barra de marcadores del navegador. Eso es todo.

Cuando necesitemos traducir el contenido de un sitio, simplemente pulsaremos sobre el icono del marcador y, tras unos segundos, tendremos la página traducida. El proceso es reversible con el simple hecho de volver a pulsar el icono de Bookmarklet Translator.

En la última semana he utilizado varias veces Bookmarklet Translator, teniendo la impresión —tampoco lo he comprobado en profundidad— de que traduce algo peor que Google Translator, pero eso sí, es mucho más cómodo.

Web | Instalación

Si bien en Chrome han aparecido unas cuantas herramientas que nos permiten compartir con facilidad por Google+ aquella página en la que nos encontremos, en otros navegadores hay que reconocer que dichas herramientas más bien brillan por su ausencia. Sin embargo, siempre podemos echar mano de diferentes métodos para conseguir nuestros objetivos.

En este caso, podemos recurrir a un bookmarklet llamado Share to G+. Al pulsarlo, nos abrirá una ventana con la casilla de actualización conteniendo el título y la URL de la página en que nos encontremos. Por defecto, la actualización es pública, aunque debajo tenemos un botón que nos permite cambiar con quien la vamos a compartir, al igual que incluir o no nuestra localización.

El bookmarklet hace uso de la interfaz básica para móviles de Google+, lo cual hace que, cuando aparezca nuestra actualización, no se muestre ni la miniatura ni el resumen tal y como suele aparecer con una publicación convencional. Sin embargo, creo que puede ser de utilidad para aquellos que deseéis poder actualizar rápidamente sin abandonar la página donde estéis. Al menos, hasta que Google saque una herramienta oficial o aparezca una similar pero mejor.

Vía | Lifehacker
Enlace | Share to G+

Hay ocasiones en las que encontramos una o varias partes de un texto en una web tan interesantes o llamativas que queremos compartirlas con todo el mundo. Lo normal es que compartamos toda la URL y que luego el lector se las apañe para encontrar esa parte a la que hacemos referencia. Eso cuando no copiamos y compartirmos el texto directamente.

Marker.to es un servicio que que nos facilita la tarea de compartir uno o varios extractos de un texto. Funciona por medio de un bookmarklet o por medio de la extensión Yellow highlighter pen for web en el caso de Chrome y lo que hace es darnos un enlace a una versión especial de la página donde se mostrarán las partes que hemos resaltado.

Una vez que pinchamos en el bookmarklet o en el icono con forma de rotulador en el caso de la extensión, podremos seleccionar cualquier parte del texto para resaltarla. Después, podremos usar la ventanita que nos aparece con un enlace corto para compartir nuestro subrayado donde queramos o por Facebook y Twitter directamente desde allí.

Cuando un usuario pinche en el enlace, se le abrirá la página con el texto resaltado en amarillo. También le aparecerá la misma ventanita de antes con los botones para compartir y un enlace a la página original sin el resaltado.

Si nos equivocamos mientras seleccionamos, para quitar un resaltado sólo tenemos que pasar por encima de él y pulsar el icono con la X de la barra que aparecerá por encima (la cual nos permite también cambiar el color).

Un servicio muy útil no solamente para compartir con facilidad pasajes de una página, sino también para, por ejemplo, investigar acerca de un tema: podemos resaltar las partes que nos interesan y guardar el enlace que nos da para luego volver más tarde y ubicar la información con rapidez.

Vía | "AddictiveTips":http://www.addictivetips.com/internet-tips/select-to-highlight-text-on-web-pages-share-via-url-chrome/ Enlace | "Marker.to":http://marker.to/ | "Extensión para Chrome":https://chrome.google.com/webstore/detail/lnmengjdnfjbochkdkcjbbpildacancp

De vez en cuando aparecen servicios que junto a una funcionalidad principal incorporan cierta dosis de ironía o humor. Este caso es el Pili.la, un acortador de URLs creado por Dani Candela.

Las funciones que ofrece Pili.la son de sobra conocidas por todos y son las de acortar URLs tanto a través de la web del servicio como de un bookmarklet que todos los interesados pueden incorporar a su navegador en la barra de favoritos.

Además de la curiosa descripción en la que se explica cómo apareció la idea del servicio, y la satisfacción que tal hecho produce, lo cierto es que Pili.la funciona perfectamente dentro de las funciones mencionadas anteriormente. Ya se sabe que en estas épocas en las que algunas URLs terminando siendo tremendamente largas, a algunos le gustan pequeñas.

Vía | Wallass
Enlace | Pili.la

Seguro alguna vez, al compartir un enlace con una persona, habéis tenido que incluir una pequeña explicación para que el destinatario preste atención a lo que le queréis comunicar: un texto, una parte de la web en cuestión, etc. Pues hacer todo este proceso resulta mucho más sencillo e interactivo con Markup.io.

Lo que Markup.io permite es destacar cualquier sección de una web a través de herramientas de dibujo. Así, por ejemplo, si queremos destacar un párrafo en concreto de una web podemos utilizar sus lápices y dibujar cuadrados, círculos o flechas para destacar lo que queramos.

Ademas, si queremos incluir pequeños comentarios o incluso instrucciones en forma de texto también podremos hacerlo con el pequeño y simple editor de texto que también forma parte del menú principal de la aplicación.

Esto todo se puede hacer una vez que tenemos instalado el bookmaklet de Markup.io; de forma que al hacer click en él cuando estamos en la página web que queremos compartir se cargará una pequeña paleta de herramientas en la parte superior de vuestro navegador.

Una vez que hayamos terminado todo el proceso de creación pinchamos en Publish y se autogenerará un enlace que podemos compartir con cualquier persona a través de e-mail o en redes sociales. Pero todavía quedan más opciones: una vez que el destinatario haya recibido nuestro enlace, él mismo podrá añadir sus propios comentarios y dibujos para nosotros verlos a modo respuesta.

Lo mejor de todo esto es que Markup.io es totalmente gratuito y no necesita ningún tipo de registro. Basta con arrastrar el bookmarklet a vuestra barra de herramientas, hacer click y empezar a destacar aquellas cosas que más nos interesan compartir. Funciona perfectamente con los principales navegadores (Chrome, Safari, Opera), aunque con Internet Explorer a mí me ha dado algún que otro problema.

Vía | Markup.io