Web Development Tools

Great listing of web developers powertools by Brennan Stehling.
I’ll starts with extension for firefox that comes very handy while web devlopment.

Web Developer : Adds a menu and a toolbar with various web developer tools.
Firebug: Allows you to edit debug, and monitor CSS, HTML, and JavaScript live in any web page.
ColorZilla: Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.
Live HTTP Headers

The list Web Development Tools for the Power Developer contains :

Validators

Javascript

Websites

Read More>> (also containing ASP.NET, Proxy tools)
And w3schools, a great place for finding tutorials realted to web development.

Updated(29 April 2007) : Tools for web-designers.

February 24, 2007 | Filed Under firefox, programming, webdev | Leave a Comment

Firebug : web development evolved

I found firebug very useful while developing my Paint Chat (which is not a big code as such but still), so here it goes in admiration of firebug:

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Firebug is firefox addon that helps you in webdevelopment with
its powerful feature such as javascript debugger, Inspect and edit HTML, Tweak CSS to perfection, Monitor network activity, Explore the DOM and many more. Feature I like most is its quickly diagnosing problem, it allows you set break points and checking intermediate values of variable for javascript thus making a great javascript debugger. Many times you are stuck at where did the code went wrong so in way its a lot useful in saving time.

I also like is its inspecting html and modifying html and css on fly and see the results with helpful tooltips. It also help in positioning of divs, images with its nice feature of visuallizing css metrics with ruler and box model coloring(HTML inspecting).

It other great feature is its interface which is comes with browser window split in two halves one for your website and one is extension interface (though it also can be detached from it). I am also a fan of Web developer toolbar extension but what it lacks is a java debugger and this great interface but both are a must of a web developer.

If you want to develop firefox extension..

February 12, 2007 | Filed Under programming, tips, web2.0, webdev | 1 Comment

Some useful command line tricks

SEOmoz.org has listing of linux commnad that may be useful in web development but they are uerful otherwise too.
Some of them are here:

ln -s /some/destination name_of_link
ctrl+z and bg
scp : scp user@example.com:~/dir /destination

Read More : Web Developers: 13 Command Line Tricks
Some other Miscellaneous Tricks:

ls -lSr List files (sorted by size)

df -h Show available disk space in human-readable format

du -sh /some/dir Show how much space /some/dir is taking up