Tools I Use When Developing a Site

Posted on Updated on

I would like to  share the tools and softwares I used when developing a site. Thanks to geniuses who had developed them because they made my life so much easier.

Firefox Addons

  1. Firebug – This is very useful when debugging ajax request as well as doing your css styling.
  2. Web Developer – A great tool to manipulate your site elements without touching your code. You could hide all images, disable your stylesheet, check your cookies value and many others. It could also display the information of your site elements.
    Web Developer
  3. YSlow – This helps you analyze which files to compress so that your page would load faster.
  4. ColorZilla – As what its name suggests, it is a color picker. You can just pick colors of whichever shade you like without a hassle. Color value are presented in Hex or RGB format. It also has sets of palette for groups of colors and a history of colors you have picked.
  5. FireShot – To save screenshots of your pages.
  6. HTML Validator – A good site follows standard coding. This would help you have clean code and browser compatible site.
    Quoted from W3C

    Well, firstly there is the very practical issue that non-valid pages are (by definition) relying on error-correction by a browser. This error correction can and does vary radically across different browsers and versions, so that many authors who unwittingly relied on the quirks of Netscape 1.1 suddenly found their pages appeared totally blank in Netscape 2.0. Whilst Internet Explorer initially set out to be bug-compatible with Netscape, it too has moved towards standards compliance in later releases. Other browsers differ further.

    HTML Validator

  7. Image Zoom – I use this to zoom in/out images without editing its width and height. I’ll just scroll my mouse scroller over the image.


  1. Photoshop – Image editing and enhancement. Logo and header creation and for designing templates.
  2. PhotoFiltre – For quick photo editing like resizing and cropping.
  3. Notepad++ – For coding. I am a typist.
  4. Filezilla – For file uploads.
  5. XAMPP – The greates PHP/MySQL bundle for me.


  • Firefox 2/3
  • MultipleIE
  • Opera
  • Netscape
  • Seamonkey

4 thoughts on “Tools I Use When Developing a Site

    lysender said:
    February 12, 2009 at 12:00 PM

    I only used Firebug and Web Developer. Now I’m going to try HTML Validator.

    jhOy imPeRiaL responded:
    February 12, 2009 at 12:20 PM

    cool! in due time, maganda na ang coding mo.. malinis 🙂

    lysender said:
    February 12, 2009 at 1:18 PM

    Yes exactly! Nag validate lang ako sa W3C kaso, hindi ko ma test ang ibang applications na for intranet lang, that’s why I find it very useful.

    Anyway, I’ve tried FireShot. It’s great, now I don’t have to press PrintScreen and copy to MSPaint. 🙂

    jhOy imPeRiaL responded:
    February 12, 2009 at 1:42 PM

    glad my post got useful for you =)

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s