Jugando entre diseñadores

Un bookmarklet es un marcador que, en lugar de apuntar a una dirección URL, hace referencia a una pequeña porción de código Javascript para ejecutar ciertas tareas automáticamente. (Wikipedia).

Pero yo creo que cómo mejor se entiende es con ejemplos, aquí van unos cuantos.

Para verlos en funcionamiento debes copiar el código en un nuevo marcador (agregarlo a favoritos), o arrastrar el enlace hacia la barra de marcadores de tu navegador.

Wikipedia: Si tienes un texto seleccionado de cualquier página web y clicas sobre el marcador, te realizará una búsqueda sobre el texto seleccionado en la wikipedia.

Enlace: Wikipedia

javascript:(function(){q=document.getSelection();if(!q)q=prompt('De qué estás buscando información?:'); if(q)location.href='http://es.wikipedia.org/w/wiki.phtml?search='+escape(q);})()

Traductor: Reconoce automáticamente el idioma de la web que estés viendo y la traduce automáticamente al Español, obra del Google Translate.

Enlace: Español

javascript:var%20t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var%20e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|es&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|es&tbb=1&ie='+e;};

Tinyurl: Quienes usan twitter habitualmente sabrán que todos los carácteres cuentan, por eso mientras más pequeña sea la URL a citar mucho mejor. Esto es lo que hace Tinyurl, convierte una url larga en una corta.

Enlace: TinyURL

javascript:void(window.open('http://tinyurl.com/create.php?url='+document.location.href));

Deshabilitar CSS: Hay páginas que hacen un uso excesivo de los estilos, tanto que pueden llegar a ser incomprensibles. Con este bookmarklet conseguimos desactivarlos y así tener una mejor lectura.

Enlace: Desactivar CSS

javascript:(function(){var i,x;for(i=0;x=document.styleSheets[i];++i)x.disabled=true;})();

Es una forma de hacerte la navegación un poco más fácil

Twittea esto Guardalo en Delicious Compartelo en Facebook

Articulos relacionados

• Google Font Directory: Nuevas fuentes en tu web
• JQuery: Una de plugins para menús animados
• Video2Brain: Cursos online y en español
• ¿Donde hacen click? Herramientas para la usabilidad

• tweet_this_url: http://9i4pc.th8.us
• jd_tweet_this: yes
• tt_auto_tweet: false

Esta entrada se escribió el Miércoles, Abril 8th, 2009 at 18:10 pm bajo la categoría Internet, Javascript. Puedes suscribirte a los comentarios de esta entrada gracias al RSS feed. Puedes comentar, o realizar un trackback desde tu web.