This has been done before in dedicated apps, but I’ve found live.js is such a lightweight and easy solution. I’ll often kick open my text editor, head over to the deployment page and fire it up. It’s quick and simple.
Next up is Fount. Fount tells let you determine the font family of any piece of text by clicking on it. It also tells you the font size, weight, and style.
I love seeing great typography in pages, it’s a great source of inspiration. Fount let’s me quickly see what fonts a page uses and allows me to keep it in mind for any future projects I might have.
Finally, there is Markup. Markup lets you draw on any webpage with a variety of tools to express your thoughts, make a point or just simply edit it.
It’s worth it’s weight in gold when asking for design critique. Instead of someone telling you this elements looks great/terrible, you can highlight it straight on the web page and send it over.
Have any of these helped, do you use any bookmarlets that you’d like to recommended? Let me know in the comments.