Sign in to follow this  
Scylexan

[web] Good Web Development IDE

Recommended Posts

Hello everyone, I was recently given the job of creating a few small webpages, nothing complex, at work. These pages will be targeted for multiple browers so I need to test each page on the targeted browers. I was wondering if, by some chance, there was a decent IDE for web development that would show a rendered output from a specified browser or will I just have to result in downloading each browser? Thanks.

Share this post


Link to post
Share on other sites
Thanks a lot, I'll look into this tool. I've heard of it but didn't really bother checking more deeply into it as I assumed it would only show results rendered in IE, considering it's from Microsoft and all.

Share this post


Link to post
Share on other sites
A normal text editor (I use TextMate) and a bunch of browsers should be all you need. Then add in nice plugins for firefox like Web Developer and Firebug and you should be set.

Share this post


Link to post
Share on other sites
I'll try to dig out the link for you but there is also an online service that allows you to submit a URL for testing on a mac and it will display a screenshot of the result - good for testing against Safari.

Share this post


Link to post
Share on other sites
iCapture is very slow. It takes hours if not days to view your result. There's also http://browsershots.org/ but if has the same problem.

Luckily the mac browsers are pretty standards compliant. If you make sure your site works in FireFox and Opera then it'll work on the mac as well.

Share this post


Link to post
Share on other sites
Sorry it took me some time to come back to this post. I've been really busy lately. I thank you all for the advice and I will look into some of these resouces. My targets are bascially IE, Firefox, Opera, and Safari. Least those are the ones I want to test it on. I was told to make sure it looks nice no matter who views it. I figured if it looks good on those browsers I should be set. Then again I could be wrong considering that I'm still new at web development.

Share this post


Link to post
Share on other sites
I'm going to have to back up PSPad, since it's been pretty good to me. It took a while to configure, but all together it's a nice IDE. I used to use HTMLKit, but that got too bulky for me (can't remember the exact reason). I also used FirstPage2000, but that was around 4 years ago, and I don't even remember what happened then.
Though recently, I've been thinking of switching over to Code::Blocks to edit my HTML/PHP/CSS/JS files and see how that all works out. My only concern in that respect is startup time for the program (it takes a little time on my machine) and how awkward the editor will handle the files in project settings (though I haven't tested it in individual file mode).
My brother has also talked about the PHP plugin for Visual Studio, but I'm not sure how it'll do with other formats, and whether it's compatible with VS Express.

Share this post


Link to post
Share on other sites
Quote:
Original post by cdoty
I'm a bit suprised not to see a reply about using Eclipse. Is it too complex for normal Web Development?


Eclipse is good for AJAX projects for sure.
But for small simple jobs, what most people want is just syntax highlighting WITH fast startup. I think Eclipse is tooooo heavy for this purpose.

Share this post


Link to post
Share on other sites
I only use Notepad2 for web development, but if you insist on using a visual IDE, then I guess DreamWeaver creates the least bad code.

To test browsers, you'll need to use one of those online services, or you'll need to have multiple machines with various settings.

Share this post


Link to post
Share on other sites
Another vote for Notepad2. One thing text editors can be quite bad at is mixed syntax highlighting - that is, the ability to highlight HTML, PHP, CSS, JavaScript and so on correctly within a single file. Notepad2 can handle that for you.

PHP Designer is also quite nice, but the free version of 2007 loses this "mixed" view. The 2006 beta has this view, but has a number of bugs (it is a beta, after all).

Microsoft offer a free Virtual PC image (and Virtual PC 2007 is also freely downloadable) for testing IE7 and IE6 alongside eachother. I have IE7, IE6, IE5.5, IE5.0 and IE4 installed under XP and they all work rather happily - the limitation is that sessions don't seem to work on the older browsers, and each browser thinks it is IE7 so conditional comments do not work (JavaScript reports the "correct" version, however).

Share this post


Link to post
Share on other sites
Quote:
Original post by blackbirdblackbird1
I think all you basically need to test it on is IE and Firefox. Almost all the other browsers I have looked at display almost the same as Firefox. IE is the only weird one.
Unfortunately you think wrong, you should ideally test on as many browsers as you're able to access without difficulty.

If you're writing good clean code you're correct in that you'll generally only experience major difficulties on IE, but there can often be small inconsistencies between other browsers as well, especially once you start adding in things like javascript or fancier css features or doing a fairly complex layout. I quite often have to make small tweaks for Opera, and there are often a couple of 'gotchas' to watch out for on Safari.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this