> 3 Bookmarklets That Regularly Help Me With Web Design · Cameron Maske

3 Bookmarklets That Regularly Help Me With Web Design

01 July 2012 · WEB DESIGN

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.

Now, you might be wondering, what on earth is a bookmarklet? A bookmarklet is a browser addon stored in a bookmark. When clicked, they use javascript to add in functionality to browser. If that's still not clear, just watch one of the videos below, what they do should become more apparent! Now, without further ado, 3 that have helped me with web design!

live.js

First on the list is live.js. This bookmarklet will monitor the current page's CSS and Javascript, looking for any changes. If any changes are applied to the CSS, they are dynamically applied to the HTML. If any changes are made to the Javascript, the page will reload.

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.

Fount

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.

Markup.io

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.

by Cameron Maske


Are you a Python Developer? I'm working on a course about testing with Python and if you have a spare 5 minutes, I would love to hear about your experiences in this survey.

Any responses will help me make it as relevant, useful as possible and gear it towards topics people actually want to know about.

Alternativly, want to get in touch? Feel free to drop me an email or over on twitter

comments powered by Disqus