Dev Utilities

Some invaluable tools for building websites!

  • JRuler
    An on-screen ruler allowing you to measure stuff in pixels- awesome tool when slicing up new sites.
  • FileZilla
    A great free FTP Client
  • FireBug
    An awesome app allowing you to debug javascript with breakpoints, check your ajax calls with the network traffic monitor and check properties and make real time changes in CSS using the Inspector
  • Web Developer Toolbar
    A great toolbar to allow you to resize to different resolutions, disable various components (such as javascript, images, css) and validate your html/css among other things
  • Selector Gadget
    I found this one recently- it allows you to build css selector statements for use in css and jquery, by highlighting a including or excluding elements in a page in a wysiwyg environment.  No download required, this is just a piece of javascript which you add to your links bar, much like the word press “Press This” button
  • 960 Gridder
    If your working on a site which has been built around the 960 Grid layout system, this is a handy javascript snippet you can drag into your links bar to overlay the grid layout lines (just like the above selector gadget… which is just like the press this button!)

General Development Tools

  1. No comments yet.
(will not be published)
  1. No trackbacks yet.