Bookmarklets for Web Developers

What is it?

tingelets are a set of bookmarklets that you can place in your browsers bookmark bar. When clicked, they highlight a certain tag or set of tags in a specific color or background tile. They are very handy for quickly looking at web layouts in different browsers. You can either highlight tags directly or type in a tag, id or class name to highlight the matching element(s).

What is it not?

tingelets are not aiming to replace tools like Firebug or Style xope. They are a nice addition when you want to get a quick overview of a web layout and to spot rendering quirks in different browsers.

How does it work?

A bookmarklet is a small snippet of javascript code stored as a bookmark/favorite. Once you click it, this code is executed. In the background, a small javascript file and the corresponding images are loaded to do the rest. Those files are provided by the tingelets server as a free service for you to use.

Grab 'em!

Just drag the following links to your bookmark bar or copy them to a new Internet Explorer favorite.

Tinge single tags:

Tinge tag combinations:

Tinge by entering tag name, class name or id:

There will be more tingelets in the future, as well as a downloadable version to use offline. So if you have any suggestions, comments or problems just write an email to contact plus at plus tingelets plus dot plus com.

Security

Afraid of XSS attacks? Feel free to have a look at all the scripts that are loaded from the tingelets server, to see that they won't do you any harm.

Newsfeed

Grab the Atom-Feed below for notification on updates or any news concerning the tingelet development.

Subscribe (Atom)

tingelets on flickr

Tinge your website and upload a screenshot to the tingelets group on flickr.com!

Support tingelets

Digg!