If your job role involves activities like "web page scripting, AJAX, interactive user interface development, HTML content rendering, rich content website development and whatever that you do to get the webpage up and showing", then you might find this blog entry handy while setting up your PC for web application/UI developments.
This blog entry is not about web layout or image design & development.
- Test with Firefox
No matter what, this is a must tool for you. While I personally I surfing with IE, Firefox stays ahead of many browsers when its comes to testing your web page. Lots of plugins developed around this make Firefox useful everyday. Continue reading this blog, you will see yourself why it is so.
- Add Web Developer
Imagine a tool that can help you view/edit/list css of a webpage and that too dynamically ?. Imagine a tool that can help you to trace & inspect attributes of a html object just by placing the mouse over it ?. Imagine a tool that can show your webpage on various screen resolution.. Yes its all there in Web Developer. Want to see exactly it looks like, click this
link which shows the screenshot of a webpage in firefox with web developer activated.
- Add Venkman / SeaMonkey
Getting it working is little difficult, but atleast the tutorial at http://www.jonathanboutelle.com/mt/archives/2006/01/howto_debug_jav.html helps us to do so. This helps if you want to fix bugs that works in Firefox but not in IE.
- Add FireBug
This is as powerful as Web developer. The unique features of this is the ability to sniff the messages that was sent using XMLHttprequest/AJAX. This helps you to see what exactly your request/response carries. Particulary useful for tracing JSON datas sent while using AJAX
- Add Scriptaculous
- Use Xeno Link sleuth
Dont publish your website without checking for the broken links. Even if you happen to remove a webapge from your directory, do provide a re-redirect option for that page. This will help your customer stay tuned to new changes in your site. Xenu link sleuth does a great job on finding and listing broken links.
- Use Selenium
- Add HTML Validator
A tool that will help to confirm your html code to W3C XHTML specifications. It is important to get your web page to xhtml complaint as you will never know what user-agent will be? It can be a mobile or pda or webtv and so on. XHTML atleast helps to keep the content layout stable.
These are just top 10 tips and if you found some more tools useful at everyday of your web development, please kindly add that as a comment.