Jack Hsu

I’ve been using this ReCSS bookmarklet for a long time now… it’s one of the best tools I’ve found on the web. You drag-and-drop the bookmarket to your bookmarks toolbar, and when you need to force-reload the CSS on a page, just click on it and viola! No need to reload the entire page to see updated stylesheets.

Originally found on http://www.dojotoolkit.org/~david/recss.html.

One of the fundamental features of webpages is the ability to link resources together. However, whenever you print a page, you lose all the URI information on that page. Fortunately, there is a easy way to retain these URIs even when the page is printed on paper: CSS.

A lot of websites already use print CSS files, and with a few extra styles you can have the page print with the href attributes.

a:after {
    content: " (" attr(href) ") ";
}

This CSS will append the href attirbute of the a element to itself. Of course, some URIs don’t include the http://, so you might also need to add this CSS rule, which add your website’s URI to the beginning of each link.

a[href^="/"]:after {
    content: " (http://www.mywebsite.com" attr(href) ") ";
}