Bookmarklets are snippets of code that are stored just like normal bookmarks but when used they can have a variety of effects e.g. Search the page, remove excess animations etc… Here are a few of my favourites that I use when I’m surfing. If you decide to use them, then just drag them into your bookmark bar/folder and click them to activate.
EDIT: I have realised that for some reason the bookmarklets arent working so you must visit the sites provided and drag them into your bar from there

1. Readability2-This great little utility gets rid of anything irrelevant to the article/page you are reading yet keeps any images that are relevent.

2. [Google Site Search]- By clicking this you bring up a box that allows you to search the site you are on using Google’s own search engine. Great for when a websites built in search just won’t bring up the results you need.

3. [Supercharged GmailThis]- This brings up a new mail window for Gmail with a link already inserted for the page you are viewing. From the window you can also add text or choose to save the message as a draft.

4. Split Horizontally- Clicking this splits the window in half allowing you to have two different web pages open simultaneously. Extremely useful for comparing products or researching.

5.All-In-One Video Bookmarklet- There are plenty of services that allow you to download internet videos in .flv but what if you want to put it on your phone or iPod? Well this bookmarklet makes it easy to grab a video in flash .avi and .mp4 formats.

Do you have a bookmarklet that you use continually? Let us know in the comments section…

Today I found a really neat use for my Get Elements By Content function which I wrote recently.  I wanted to create a bookmarklet that allowed me to visit a page, click on the link and turn any UK postcodes in the page to a link to a Google Map.  Well, it’s pretty simple -

var pc=gbc('[a-z]{1,2}\\d{1,2}[a-z]? \\d[a-z]{2}');
for(var i=0;i<pc.length;i++){
 pc[i].innerHTML=pc[i].innerHTML.replace(/([a-z]{1,2}\d{1,2}[a-z]? \d[a-z]{2})/ig,'<a href="http://maps.google.co.uk/maps?f=q&hl=en&q=$1,UK&ie=UTF8&z=16&om=1&iwloc=addr">$1</a>');
}

Obviously you need to ‘gbc’ function from my last post, but other than that, you just need to turn it into a bookmarklet and away you go. If you have any problems, let me know.

:: :: :: :: :: :: :: :: :: :: :: :: :: :: :: ::

In a nutshell, bookmarklets are small little applications you can place as browser’s bookmark bar and they each perform a specific function, depending on what they are coded for. Bookmarklets are usually written in Javascript and they are extremely easy to install/remove. Bookmarklets work in most common used browsers like Firefox, Opera and Safari but probably lesser support in Internet Explorer.

In this article, we’ll show you some of the most useful bookmarklets for designers, developers or even if you are a net surfer, they might just come in handy. Installing a bookmarklet is simple – all you need to do is drag them to your bookmark toolbar, that’s all.

Why bookmarklet are cool?

They are efficient! We figured you might compare it with add-ons and browser plug-ins. Here are some advantages of bookmarklets over plug-ins we can quickly come out with:

• Hassle-less installation – Installing a bookmarklet is simple. All you need to do is drag it up to the bookmark toolbar. To remove them, just right click on it and hit delete.
• Light – If you’ve installed more than 15 add-ons in your Firefox, you’ll probably find it slower to start. Bookmarklets are just couple of lines of Javascript codes. You can have 50 and Firefox doesn’t even lag a bit.
• No updates – Most plugins require update especially when there is a new version of the browser. Boomarklet on the other hand, are less likely to require an update.
• Cross Browser compatibility – Bookmarklets are written with Javascripts, they work in most browsers.

Social Bookmarking and Sharing

Here are a bunch of social bookmarking bookmarklets that might come in handy:

• Digg this!
• Delicious
• Design Float
• Reddit
• Mixx
• Designmoo
• Facebook – Share links in Facebook.
• Stumble Upon? – Check if a site/page has been Stumble Uponed.
• Tumblr – Share images on Tumblr.
• Gmail This – Quickly paste a link in Gmail

Browser resize

Here’s a complete article of browser resizing bookmarklets with positioning capability.

Readability, Download and Prints

Shorten URL – In this case, we use bit.ly’s shortening bookmarklet. Click here for a list of URL shorteners with bookmarklet scripts.

Kwout – Make a screen shot of any website you are in with Kwout.

Print Screen – Another print screen bookmarklet. By Aviary.

Browsershot – Get a browsershot printscreen of any website.

Better Readability – This bookmarklet cleans up the page, leaving you with nothing but clean content for better readability. You can create a customized version at Arc90 Lab.

Tidy Read – Tidy up your page for better readability.

Remove bloat- Remove all occurrences of Flash, Java,and other third-party iframes.

Edit Website – Allows you to edit any websites you viewed. Original display will be restored upon refresh.

Customize Print – Allows you to customize the layout, fonts, colors, etc before printing a webpage. By printwhatyoulike.

Download as PDF (Firefox) – Convert and save page as PDF. Click here for bookmarklets of other browsers. By pdfdownload.

Bookmark This Link // All-In-One Video Bookmarklet”>Download video – Supports YouTube, Google Video, Metacafe, Myspace, Break.com, Putfile, Dailymotion, Sevenload, MyVideo.de and Clipfish.de.

More: Zoom in, Zoom out, Remove background, Highlight links

Traffic, Password and Site Information

<2;++sl)for(p=”/”+location.pathname;p;p=p.substring(0,p.lastIndexOf(‘/’)))for(i%20in%20C)if(c=C[i]){document.cookie=c+”;%20domain=”+d.slice(sl)+”;%20path=”+p.slice(1)+”/”+”;%20expires=”+new%20Date((new%20Date).getTime()-1e11).toGMTString()}})()”>Zap Cookie – Removes cookies set by the site, including cookies with paths and domains.

Show Password – Set a password and forgot? This bookmarklet takes in your ***** from form field and output you the actual password.

Site Info – A bookmarklet that gives you information (advertising network, platform, widgets, etc) of the website you are currently viewing. By sitonomy.

Site Info – Another bookmarklet to find site info By Buildwith.

Domain owner – Tells you who own the domain of the site you are viewing.

Delicious – Shows you who, how many people bookmarked the site in delicious.

Alexa – Shows you the Alexa ranking of the site.

Compete – Shows compete.com ranking.

Technorati – Find out more information about a particular blog. Click here for more Technorati bookmarklets.

AttentionMeter – Gives you the Alexa, Quancast, Crunchbase, Alexa and Technorati ranking of the site in a lightbox.

Uptime Check – Check if a website is down for everyone or just you. By downforeveryoneorjustme.

Design and Develop

Aardvark – Aardvark is a Firefox plugin that gives you HTML element details like ID, class, image, position, etc of the page you are viewing. Good news is, it also comes in bookmarklet format.

Layout Grid – Applies a layout grid image to the body of the page.

=0;i–)d.images[i].src=’g//j.gif’;}d.close()” class=”bookmarklets”>Disable Image, Remove Image.

Test Selectors – Test and play with selectors. By Westciv.

Spry Media – Created by Spry Media, this bookmarklet allow you to view a page in grid view, with ruler measurement, measuring points with units and much more.

XRAY – See box model for any element on any site. By Westciv.

Reload CSS – Reloads CSS every 2 seconds. Useful for those who’s constantly editing on the design and need a fresh look at the effects.

Validate RSS – Check site RSS validity with feedvalidator.org.

Validate CSS – Validate site’s CSS. More CSS bookmarklets – View CSS, List Compute CSS.

Validate HTML- Check if site is using valid HTML based on w3.org. More HTML bookmarklets – Show tables, Show table headings, Show table cells.

Dictionary and Translation

Quickly search and get answers from these online sites:

• Wikipedia
• Acronym Finder
• Urban Dictionary
• Dictionary.com
• Thesaurus.com
• Reference.com

These following bookmarklets allow you to quickly translate a webpage from one language to another using Google translate.

• German to English
• Chinese Simplified to English
• Chinese Traditional to English
• Italian to English
• Spanish to English
• Japanese to English

You can also try this Auto Detect Language bookmarklet, or visit unusualbookmarklets for a complete set and various methods of translation bookmarklets.

Useful Tools and More Bookmarklets

How to Efficiently Manage Your Collection of Bookmarklets – Efficiently manage bookmarklets across all browsers and computers.

Translation Bookmarklets – Great list of various translation bookmarklets.

howtocreate.co.uk – More bookmarklets for designers and developers.

Blummy – Organize your bookmarklets, by Blummy.com.

webreference.com – How to create Bookmarklets.

Bookmarklets.com

Squarefree.com

PimpMySafari – Great collection of bookmarklets for Safari browser.

Technorati : Bookmarklets
Del.icio.us : Bookmarklets
Zooomr : Bookmarklets
Flickr : Bookmarklets

Merx unhelpfully changed their linking style to use an onClick event. Such a helpful change: what used to take me a few minutes of navigating and clicking now takes four times as long. Way to go Merx!

Fortunately a bit of JavaScript, rolled up into a bookmarklet, can work around most of their damage. Just drag the “bookmarklet” link to your browser’s toolbar.

The text of the bookmarklet is here. We can’t simply rewrite every anchor as some, particularly the page count links, have to be performed using their broken NavigatePage() function.

javascript:(function(){
    var rewrite = function(node) {
	var arrLinks = node.getElementsByTagName('a');
	for(var i = 0; i < arrLinks.length; i++) {
	    var oLink = arrLinks[i];
	    if(oLink.onclick == null) { continue; }
	    var funcText = oLink.onclick.toString();
	    var start = funcText.indexOf('NavigatePage(');
	    if(oLink.href != "" || start < 0) { continue; }
	    start = funcText.indexOf('/', start);
	    var end = funcText.indexOf(')', start) - 1;
	    if(start < 0 || end < 0) { continue; }
	    oLink.href = funcText.substring(start, end);
	    oLink.onclick = null;
	}
    };
    var tbls = document.getElementsByTagName('td');
    for(var i = 0; i < tbls.length; i++) {
	if(tbls[i].className == "ContentListOdd"
	|| tbls[i].className == "ContentListEven") {
	    rewrite(tbls[i]);
	}
    }
})()

Score one for Firefox: I had a syntax error that I had great difficulty finding in Safari, whereas Firefox pointed it out immediately. But Safari’s error console has much more functionality.

Ayer tras observar los bookmarklets que traía el navegador Galeon, decidí añadirlos a otros navegadores. Unos de este tipo de bookmarklets son los que mueven de forma automática las páginas en sentido vertical, moviendo la página de forma vertical en el sentido de nuestra lectura.

Los bookmarklets se añaden como marcadores, pero en vez de poner la URL, ponemos el código javascript con el que se generará una determinada función en el navegador.

Añadirlos es sencillo. Clic derecho sobre la barra de marcadores–> Nuevo Marcador…/Add page… en nombre/name ponemos la denominación y en dirección/URL pegamos la línea de código. Luego si queremos desde Firefox en el menú Marcadores–> Administrar marcadores, o desde Chromium en el menú Herramientas–> Bookmark Manager podemos cambiarlos de sitio, simplemente arrastrándolos con el puntero del ratón.

Para desplazamiento muy lento:

javascript:var wN2sc8Rl;Sa5gNA9k=new Function('clearTimeout(wN2sc8Rl)');document.onkeydown=Sa5gNA9k;Sa5gNA9k();void(wN2sc8Rl=setInterval('if(pageYOffset<document.height-innerHeight){window.scrollBy(0,1)}else{Sa5gNA9k()}',150))

Para desplazamiento lento:

javascript:var wN2scRl;Sa5gNA9k=new Function('clearTimeout(wN2scRl)');document.onkeydown=Sa5gNA9k;Sa5gNA9k();void(wN2scRl=setInterval('if(pageYOffset<document.height-innerHeight){window.scrollBy(0,1)}else{Sa5gNA9k()}',50))

Para desplazamiento rápido:

javascript:var wN2scRl;Sa5gNA9k=new Function('clearTimeout(wN2scRl)');document.onkeydown=Sa5gNA9k;Sa5gNA9k();void(wN2scRl=setInterval('if(pageYOffset<document.height-innerHeight){window.scrollBy(0,2)}else{Sa5gNA9k()}',50))

Para desplazamiento muy rápido:

javascript:var wN2scRl;Sa5gNA9k=new Function('clearTimeout(wN2scRl)');document.onkeydown=Sa5gNA9k;Sa5gNA9k();void(wN2scRl=setInterval('if(pageYOffset<document.height-innerHeight){window.scrollBy(0,10)}else{Sa5gNA9k()}',50))

Para desplazamiento personalizado:

javascript:var wN2scRl;S3g=new Function('clearTimeout(wN2scRl)');document.onkeydown=S3g;a7T=prompt('Rate...','');if(a7T!=null){S3g();void(wN2scRl=setInterval('if(pageYOffset<document.height-innerHeight){scrollBy(0,a7T)}else{S3g()}',50))}else{void(null)}

Una vez añadido en un marcador, tan solo debemos pulsarlo para que la página comience a desplazarse. Para detener el desplazamiento, basta con pulsar la tecla “Esc”.

Con estos bookmarklets nos ahorraremos tener que mover el scroll del ratón o la barra de desplazamiento lateral. Muy indicado para conocer nuestra  velocidad de lectura.

Klein, aber oho!

Sooo “klein” sind Bookmarklets trotz des niedlich klingenden Namens ja eigentlich nicht. Im Vergleich zu den gewöhnlichen Lesezeichen haben sie sogar richtig Power.

Zunächst übte ich ein wenig mit dem Bookmarklet Direkt Bloggen. Wenn ich es richtig erkannt habe, wird diese Technik auch gerne in Infobib oder netbib verwendet. Die Autoren können auf diese Weise in Windeseile die neuesten fachbezogenen Nachrichten in der bibliothekarischen Welt verbreiten.

Bookmarklets erfüllen vor allem dann ihren Sinn, wenn man gewisse Anwendungen sehr häufig nutzt. Sie dienen der Arbeitserleichterung.

In meiner Lesezeichen-Symbolleiste findet sich nun auch ein Bookmarklet für snipURL.

Natürlich habe ich mich auch in den Artikel des von mir in dieser Woche schon gelobten Tom vertieft Wie viele Bookmarklets es doch sonst noch so gibt …, unglaublich.

Toms Lieblings-Bookmarklet für das Leo-Wörterbuch wollte ich dann auch gleich mal ausprobieren. Unter dem Punkt Toolbars findet man in Leo sehr detaillierte Anleitungen zum Bookmarklet. Dort habe ich dann auch erfahren, dass sich bereits ein Suchfenster für Leo in meinem Browser (Firefox) befindet.

Puede darse el caso de que estemos interesados en saber qué PageRank,  y qué sitio ocupa en el ranking de Alexa la web que tengamos activa en la ventana del navegador. Para averiguar esos datos,  podemos visitar las búsquedas de Alexa o del PageRank en el propio sitio. Para este propósito lo más lógico sería visitar los respectivos sitios e introducir la URL de la web en cuestión y esperar que nos muestre el puesto que tiene. A efectos prácticos esto es un poco engorroso, ya que disponemos de herramientas más inmediatas como:

Un Bookmarklet.

Un bookmarklet se añade como cualquier marcador, ponemos el nombre p.e de “Rank”, con la salvedad de que en el campo “URL” en Google Chrome o Arora y “dirección” en Firefox ponemos el código javascrip que ha facilitado el portal Chromefans:

javascript:void(window.open("http://www.chromefans.org/pr/?u="+escape(location.href), "PageRank%20Status%20-%20ChromeFans","width=405,height=120,top=0,left=0,location=0"))

Una vez añadido el marcador,  nos aparecerá una ventana emergente con los datos del Page Rank y el puesto del Ranking de Alexa.

Bookmarklet con el Page Rank y el Ranking de Alexa

Extensiones.

Para los navegadores Mozilla Firefox, Seamonkey (depende de la versión), Flock (depende de la versión) y otros derivados de Firefox (IceCat, Swiftweasel…) están disponibles las extensiones SearchStatus o las más sofisticadas y con más escalas de medición como SeoQuake o SEO Toolbar que nos muestran los resultados obtenidos por estos sitios de forma permanente.

Extensión SearhStatus en Firefox

Para los navegadores Google Chrome, Chromium o SRWare Iron está disponible la extensión Page Rank Status Extension.

Eigentlich ist es noch viel zu früh, um über die Adventszeit zu sprechen. Die Geschäftsleute wappnen sich bereits für das lohnende Weihnachtsgeschäft. Der fleißige Tom hat es trotzdem schon verdient, erwähnt zu werden:

Toms Adventskalender ist einer der schönsten und interessantesten digitalen Adventskalender, die ich kenne. Aber wahrscheinlich erzähle ich vielen von uns nichts Neues.  Hoffentlich gibt es den Kalender auch in diesem Jahr wieder. Er öffnet sich seit ein paar Jahren erst immer pünktlich am 1. Dezember.

Aber lassen wir Tom selbst zu Wort kommen (… und mich gleichzeitig die Anwendung des Bookmarklets üben …):

Wie jedes Jahr ist mein Adventskalender am 1. Dezember wieder geöffnet. Eine Auswahl der interessantesten und lustigsten Fundsachen des vergangenen Jahres verbirgt sich hinter den 24 “Fensterchen”, alles garantiert kitsch- und kommerzfrei. Ein kleines tägliches Schmunzeln bis Weihnachten.

Wer dabei auf den Geschmack kommt, kann die besten 24 Adventskalender besuchen, “für alle, die jeden Tag alle 24 Fensterchen aufmachen wollen”.

via Stichpunkt.de – Toms Stichpunkte rund ums Web.

Image via CrunchBase

By Jason Fitzpatrick (Edit, to draft, Slurp)

Copy this whole post to another site

Slurp cancel

select site advertising consumerist deadspin defamer fleshbot gay fleshbot gawker gizmodo idolator io9 jalopnik jezebel kotaku lifehacker valleywag artists gawkershop sploid

PBTweet is a Twitter-enhancement available as a bookmarklet, GreaseKit script, and GreaseMonkey script, which allows you to enhance and tweak Twitter in Safari, Chrome, and Firefox.

What are some of the enhancements provided by PBTweet? You can thread conversations, PBTweet puts quick-response buttons directly under each tweet so you can translate the text, re-tweet, and use a via @ tag.

URLs shortened using tinyurl.com, bit.ly, ff.im, twurl.il and is.gd can be expanded with a mouse-over. Pictures shared with twitPic.com, tumblr.com, brightkite.com ,MovaPic.com, 12seconds and bcphotoshare.com are thumbnailed. You’ll never have to click through to keep reading, PBTweet enabled infinite-scrolling on your Twitter feed. Check out the video below to see it in action.

Safari/Chrome users can take advantage of PBTweet via bookmarklet or GreaseKit script. Firefox users don’t get a bookmarklet, but there is a Greasemonkey script available.

Related articles by Zemanta

• Untiny Reveals Shortened URL Destinations [URLs] (lifehacker.com)
• Bring Back the Small Google Search Box (thaibrother.com)
• Tweetmeme releases their own URL Shortener: Retwt.me (sigh) (thenextweb.com)
• Set Google Search Back To What It Was (mwd.com)
• Monitoring URLs on Twitter (talkitup.typepad.com)
• DestroyTwitter: Don’t worry, It’s yet another Twitter Client (technology.johnsamuel.in)
• Spread Your Wings- Get More Retweet Action Today (chrisbrogan.com)
• Helvetwitter: Have you ever seen Twitter look this beautiful? (thenextweb.com)
• Preview tiny URLS in Firefox (news.cnet.com)
• Preview tiny URLS in Firefox (thaibrother.com)

(Photoshop.VN) – In a nutshell, bookmarklets are small little applications you can place as browser’s bookmark bar and they each perform a specific function, depending on what they are coded for. Bookmarklets are usually written in Javascript and they are extremely easy to install/remove. Bookmarklets work in most common used browsers like Firefox, Opera and Safari but probably lesser support in Internet Explorer.

In this article, we’ll show you some of the most useful bookmarklets for designers, developers or even if you are a net surfer, they might just come in handy. Installing a bookmarklet is simple – all you need to do is drag them to your bookmark toolbar, that’s all.

');w.document.write('