Best tools when you are dealing with advanced web development

Hi friends,

Are you facing with the hell experiences when dealing with advanced web development?

First of all, We gonna clarify about what did I means for “advanced web development”.

For the sentence, I means that your web project are mostly dealing with client technologies. Such as those JavaScript, CSS, DOM, Ajax or even cross-browser compatibility issue. Those all are hard to track bugs and solve it.

After my bad experiences regards on this issue, I actually found that there are many useful tools that will help you much reduce the time to deal with them. Best lucks, most of all are FREE! Yes, right! It’s FREE! Don’t get me wrong.

Let’s see what I gonna suggests you to grab and use it on all of your web development project.

Internet Explorer Developer Toolbar

This tool will let you track all HTML element in your desired web page. Best of all, you can modify any CSS in real-time. Just as easy as you change CSS, the page get changed immediately. This tool is an add-on for Microsoft Internet Explorer 6.x, 7.x.

Let’s say it’s nearly a FireBug clone for Internet Explorer.

You can grab it here.

Fiddler

Don’t tell me you never heard about it! This tool will tell you how browser gonna load for your page. How many resources loaded? How about page’s size including their size. For my experiences, this is a cool tool but sometime it affect my IE to working in low stability.

You can grab it here.

For me. With these 2 tools, I can make my life much easier when doing general web development. But it’s not the same case if it’s an advanced web development!

Now I’ll face with cross-browser compatibility issue. Yes, if my web has a complex interface. They might not display the same in Internet Explorer or FireFox or even Safari.

So now, we gonna find some tools to deal with FireFox. (Sorry but I don’t mention to Safari)

FireBug

Ooh, If you play with FireFox long time enough. You should heard about FireBug. It just the same as Internet Explorer Developer Toolbar. But it’s definitely better by far.

Just grab it here and try out yourself.

Conclusion

There are many more tools available for your advanced web development today. But I select a few tools as to reduce your brain-conflict by too many tools. Believe me that you can stick with these tools and produce a high quality web site.

Bye