• RSS
  • Print this article!
  • Digg
  • del.icio.us
  • DZone
  • Facebook
  • Mixx
  • Google Bookmarks
  • Design Float
  • Reddit
  • StumbleUpon
  • Technorati
  • Live
  • TwitThis
Home > Javascript, development Tools > Bookmarklets for Developers

Bookmarklets for Developers

May 23rd, 2009

These are 5 bookmarklets that make development a little easier. For those of you who have never used bookmarklets before simple drag the links up to your bookmark toolbar. When you click on it, and it will run the Javascript.

Design Grid

web-design-bookmarklet

This one is absolutely fantastic. If you have ever had to design to column widths this is a must have.

Visit design grid’s homepage to get the bookmarklet

CSS Validation

css-validation-bookmarklet1

Need to validate your page? Click on the bookmarklet and it takes you to the w3 css validator.

Visit UNI web tools to get the bookmarklet

HTML Validation

xhtml-validate-bookmarklet1

Brings you to the w3 html validator.

Visit UNI web tools to get the bookmarklet

CSSFly

cssfly-bookmarklet

I often use this one in replacement of firebug for non FireFox browsers. It allows you to edit the CSS and HTML and see the changes automatically.

Visit CSSFly.net to get the bookmarklet

XRay

xray-bookmarklet1

This allows you to see whats under the hood of a website. Click on an element and it tells you the path and the CSS associated with it.

Visit Xray homepage to get bookmarklet

Do you know of any other bookmarklets that can help out developers? Comment below.

  • RSS
  • Print this article!
  • Digg
  • del.icio.us
  • DZone
  • Facebook
  • Mixx
  • Google Bookmarks
  • Design Float
  • Reddit
  • StumbleUpon
  • Technorati
  • Live
  • TwitThis
Comments are closed.