Archive for the ‘Javascript’ Category

Posted on 5 September 2008 at 23:31 UTC, filed under CSS, Javascript, 22 comments.

Here’s a simple trick to view nofollow links in Google Chrome. Just drag and drop the following button to your bookmark bar and hit it whenever you want to see links with the rel=nofollow HTML microformat:


This bookmarklet inserts a tiny bit of CSS into the top of the page you’re currently viewing. The CSS is similar to that which is used in other nofollow highlighting methods:
Continue reading ‘Seeing nofollow links in Google Chrome’ »

Posted on 28 July 2007 at 11:31 UTC, filed under CSS, Javascript, Tricks, comment on this post.

The next step after adding CSS to highlight links with rel=nofollow is to give the user some information about what the nofollow symbol symbol and the dashed line mean. Since CSS will not allow you to add tooltips and links, we have to resort to some javascript trickery. The up-side to this is that it will also display the markup on older browsers like IE 6.

Adding this kind of markup to your site is pretty easy to do.
Continue reading ‘Adding user-friendly rel=nofollow markup (for IE too!)’ »

Posted on 16 July 2007 at 12:19 UTC, filed under Javascript, Tricks, Usability, Wordpress, 2 comments.

In the top right corner of this blog I have placed a small set of links that let you resize the text as it is displayed. It’s easy to use this script on your blog and it lets your visitors resize the text on the blog however they want it. The resizing setting is stored in a cookie, valid for one year, so when the visitor returns, they will see the site as they resized it last.
Continue reading ‘Adding text resizing with cookie’ »