Bookmarklets

Bookmarklet para traducir textos con el Traductor Google

por

google-translate-logoEl traductor de Google es una herramienta magnífica que nos permite traducir textos de idiomas que no sabemos, por eso les quiero recomendar una herramienta muy útil que puede que no conozcan. Se trata del bookmarklet de traducción, un botón que agregamos al navegador y podems traducir textos y páginas web con un click.

Para instalar el botón en tu navegador solo tienes que entrar acá y elegir el idioma que quieran (que me imagino será el español). Arrastren el botón a la barra de marcadores y listo.

Cómo usar el botón de traducción

Traducir textos seleccionados

Una función muy útil es la de poder traducir la selección de un texto determinado. Por ejemplo, si solo quieren traducir un párrafo de texto, tienen que seleccionarlo y luego presionar el botón de traducción. Automáticamente se cargará el traductor con el texto seleccionado traducido.

Traducir sitio web completo

Para traducir completamente el sitio que estemos visitando es muy simple, solo tienen que presionar el botón de traducción y el sistema detectará automáticamente la URL y traducirá el sitio.

 

SubtlePattern: Un bookmarklet que permite probar distintos patterns en cualquier sitio web

por

SubtlePatters es un bookmarklet muy interesante destinado a diseñadores que quieren probar distintos patterns o fondos en sitios web. Su funcionamiento es muy sencillo, sólo tenemos que arrastrar el bookmarklet a la barra de marcadores del navegador, y cuando estemos en un sitio web y queramos probar los patterns tenemos que darle al bookmarklet para que se cargue el menú.

Subtle Patterns

Cuando lo hagan verán que se carga un pattern al azar y aparece un menú desplegable con las distintas categorías disponibles. Allí podemos ir eligiendo entre las categorías y navegando entre los distintos patterns que hay en cada una mediante las flechitas. A medida que van seleccionando un pattern distinto este se cargará como fondo del sitio.

Por último, si les gusta algún fondo lo único que tienen que hacer para descargarlo es darle con el botón derecho al fondo y elegir ver imagen de fondo o la opción adecuada para su navegador, luego guardan la imagen y listo.

Enlace: SubtlePatterns

Visto en WebResourcesDepot

Viewport Resizer: Bookmarklet para testear sitios responsive con un click

por


Hoy en día un diseño responsive es muy importante (aunque no demos el ejemplo desde el blog, pero es una tarea pendiente), por eso estoy seguro que esta herramienta les va a ser de mucha utilidad a los diseñadores web. Viewport Resizer es un bookmarklet que nos permite testear el diseño de un sitio web y ver qué tan responsive es.

Sólo tienen que arrastrar el bookmarklet a la barra de marcadores y cuando estén en un sitio que deseen testear tienen que pinchar él para que se activen las opciones. Allí verán que tienen para ver el sitio en un iPhone, en un iPhone 5, en tablets, en resoluciones personalizadas, etc.

Presten atención porque no solo pueden usar el bookmarklet que ofrecen como predeterminado, también pueden personalizarlo según sus necesidades si bajan un poco en la página, allí pueden elegir los dispositivos que tendrá disponible el bookmarklet.

Enlace: Viewport Resizer

Visto en WebResourcesDepot

Bookmarklet para saber qué fuente utiliza un sitio web

por


Muchas veces pasa que estamos navegando por un sitio web y vemos una fuente que nos gusta mucho, pero adivinar cuál es esa fuente se convierte en algo complicado. Si no tienen ganas de mirar el código del sitio o usar extensiones para el navegador, tenemos opciones como la que les voy a comentar ahora.

Se trata de un bookmarklet llamado WhatFont, que nos permite averiguar qué fuentes utiliza el sitio web que estemos visitando. Lo único que tienen que hacer es entrar en el siti ooficial y arrastrar el bookmarklet a la barra de marcadores.

Luego, cuando estén en un sitio web que quieran saber qué fuente usa, sólo tienen que pinchar en el bookmarklet y a medida que van pasando el puntero del mouse por los distintos textos les va diciendo qué fuente es.

Visto en Lifehacker

Bookmarklet para visualizar código de forma más cómoda

por


Supongo que muchas veces les ha pasado que visitan un sitio web donde ofrecen un código para hacer algo y pero lo ponen en texto plano y aburrido, lo cual lo hace mucho menos entendible.

Syntaclet es una herramienta que nos permite visualizar código de una manera mucho más cómoda y con sintaxtis. Funciona mediante un bookmarklet que tenemos que ejecutar cuando estamos en algún sitio que posee código.

El bookmarklet detecta automáticamente el lenguaje de programación y lo formatea de acuerdo a eso, aunque también podemos elegir qué lenguaje queremos formatear.

Les recomiendo que entren al sitio para ver un demo de cómo funciona la herramienta.

Enlace: Syntaclet

Visto en WebResourcesDepot

Quix, el bookmarklet inteligente

por

quixNormalmente uso algunos bookmarklets para simplificar tareas, como traducir un sitio web, remover redirecciones en algunos enlaces, y otro tipo de tareas habituales que con un bookmarklet se convierten en un sólo click.

Ahora les voy a comentar de Quix, una especie de bookmarklet inteligente, que pretende reemplazar todos los bookmarklets que tengamos instalados o cumplir casi cualquier función.

Quix se maneja mediante comandos, el bookmarklet en sí es una caja de texto donde tenemos que ingresar los comandos para que se realice determinada acción.

Lo primero que tienen que hacer es entrar en el sitio y arrastrar el bookmarklet a la barra de marcadores. Luego pueden visitar la sección de ayuda, donde podemos encontrar todos los comandos disponibles.

Tiene una serie de comandos básicos para hacer búsquedas en sitios conocidos, otras funciones para sitios sociales, para usuarios que usamos WordPress, comandos con opciones SEO y para webmasters, entre muchos más.

Visto en The Next Web