[Request]IDE for html/css/js

Joined
Aug 6, 2009
Messages
2,133
Reaction score
433
About a year ago, in this section someone posted an awesome tool for web developing.

It was just like notepad++ but with live preview with support for different web engines (webkit,gecko,etc)

Preview was in different windows and below it had tab or radio buttons to switch between gecko, webkit, etc

It's not Dreamweaver, nor any other mainstream ide.

If you know what I am talking about, I bet you to tell me what it is called. I'll take care of getting it.
 
ide with such a feature is bound to be ****, not in the mood to explain, but will later if you want

I'm actually looking for a web IDE that checks HTML/CSS/JavaScript and makes sure it's standards compliant and also finds code that doesn't work in all browsers, and brings up information on what could be done to make it work as you're coding or if you click a "debug" button or something.. A little different than the OP's requirements, but same goal.

@OP: Since the browsers open in different windows, can't you just make a shell script or add-on that opens up multiple browsers to the same URL and use NotePad++?

I use Kate editor- which is similar to Notepad++. I'm using the Terminal plugin and I've created shell scripts to open Opera, Chrome and Firefox given a web address. I have to admit my computer works a little hard opening all three of them at once.. Having three/four live preview as you code sounds like a laggy idea.

Code:
#!/bin/bash

# Check if there's an argument (url)
if ((${#1} > 0))
then
	# Set URL to argument
	url=$1
else
	# Prompt user to enter URL:
	echo "Enter a URL: "
	# Read user input to $url
	read url
fi

# Open Firefox, Opera, and Chrome with $url
firefox $url &
opera $url &
google-chrome $url

use the above script like so:
Code:
bash ./browsers.sh http://localhost

Or just call the script without a URL, and it will ask you to enter a URL. Be sure to use the protocol (http)...

You'll have to get cygwin, win-bash, or some sort of bash for Windows or write a program/script in another language which does the same thing.

I dunno.. Whenever a program I use doesn't do something, I usually make a program to do it for me if I can do it quicker than I can find a program with the same features as the one I have + the feature I'm looking for.. I like editors I can customize like Kate and emacs over heavy-weight editors with every conceivable feature..


If you want to debug a local web-page, expect Chrome to disable JavaScript capabilities for stucurity reasons. Depending on the editor, the plugin can potentially set up a private apache server and save files to a temp dir in apache for PHP or other local server-side debugging.
 
Last edited:
@OP: Since the browsers open in different windows, can't you just make a shell script or add-on that opens up multiple browsers to the same URL and use NotePad++?

I use Kate editor- which is similar to Notepad++. I'm using the Terminal plugin and I've created shell scripts to open Opera, Chrome and Firefox given a web address. I have to admit my computer works a little hard opening all three of them at once.. Having three/four live preview as you code sounds like a laggy idea.

That would work, but it's kinda missing the point of live preview.
As far as I remember it was one main window with sidebar with few tools and directory tree. Then there was an option to open live preview. It would open in new window, but it wasn't browser window.
It was as simple as if someone made it on their own. Live preview was only for one browser engine, not all of them.

The tool itself was kinda lame because the interface looked like someone made it themselves.

I was going to attempt to make something like this in C# but there aren't much info about using gecko, webkit, etc...
 
Back