Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

IDE for HTML / CSS / Java Script w/ Live View Port

I have been searching around. This is perhaps more a nuance than anything. When I do jQuery or other UI work I like seeing my changes immediately. Adobe Dreamweavers live view port does this, not extremely well, but it does it. Kompozer has a view port but its not live and no JS or actions. Does anybody know of an IDE out there besides DW that has this feature? Linux is preferred but would like to know of anything.

As a note of interest I recently discovered Wakanda http://wakanda.org

like image 357
eusid Avatar asked Jun 04 '12 12:06

eusid


People also ask

Which IDE is used for HTML CSS JavaScript?

First up is Microsoft's IDE, Visual Studio. This platform is only available for Windows and Mac. It also provides support for Python, PHP, JavaScript, HTML, CSS, and many other languages. Visual Studio has all the IDE basics, including remote debugging.

Can I use WebStorm for HTML and CSS?

By default, WebStorm shows on-the-fly preview only for HTML and CSS code. To enable Live Edit in JavaScript, select the JavaScript, HTML and CSS option.

Which software is used for HTML and CSS?

Adobe Dreamweaver. Adobe Dreamweaver is a web design software tool that allows you to edit HTML, CSS, and JavaScript code in a live environment.


3 Answers

I know this post is over a year old, but I thought I'd throw this out if you are interested. Adobe is developing a product now that may fit what you are looking for. If you have the creative cloud, there is a preview of the program. It is called Edge Code in the creative cloud, but it is being developed as a standalone, open source, platform independent code editor as well. I'm not sure why, but outside of the creative cloud, it is called Brackets. It doesn't do a live view in the program itself, but it does automatically open the document in Chrome, and updates as you make changes. The really interesting thing is that the program itself is written in html, css, and JS, so that it should be easy to customize to your liking. It is currently in beta, and can be downloaded at

like image 90
nherrmann Avatar answered Oct 08 '22 19:10

nherrmann


It might not be exactly what you are looking for (does not support javascript), but dabblet is a great tool for writing html+css and watching the preview live as-you-type in the browser.

dabblet live editor

like image 2
Shahar Avatar answered Oct 08 '22 19:10

Shahar


I have been recently love struck by Sublime Text 2. After trying many IDE's it is the one that impresses me the most.

I was watching a tutorial by Paul Irish on Web Development workflows for 2013 (video only partially relevant), where he describes a plugin that he uses to avoid having to hit F5 to refresh the browser. Instead it is updated every time he saves a file.

Sublime Text 2 has been rising in popularity and my understanding is that it will work very well in Linux. The plugin is called LiveReload ($10).

It will require research, but is likely well worth it. Link

like image 2
Nash Worth Avatar answered Oct 08 '22 20:10

Nash Worth