In this blog entry, I'm gonna run over some useful bookmarklets that have helped me with web design and hopefully will aid some of you.
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 will tell you which web font in your font-stack you are actually seeing â€“ not just what is supposed to be seen. Itâ€™ll also tell 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 an that "whatsit" elements looks great/terrible, they 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.