11
You can use Sublime Text which does Syntax Highlighting, Auto-completion, Source formatting, is organized by folder (which is pretty much a project) and can be used for web programming. It is free (the trial has no limit in time or features), works on Windows and a portable version is available.
Sublime's interface is faster than Eclipse, however its ...
answered Jul 29 '14 at 20:11
Franck Dernoncourt
36.4k30 gold badges110 silver badges223 bronze badges
10
I'd suggest Adobe Brackets
Javascript, HTML, CSS -- It was made for those languages.
Syntax Highlighting, Auto-completion, Source formatting (for the above languages) -- All built in.
'Projects' where you can define project directories, and open all files you were last using on the project by opening a 'project' -- It opens the last file you were ...
10
I have to say that I think this option is better than my original recommendation; my original recommendation was great for quick looking, this is better for making release packages.
UnCSS and specifically what I'm basing the recommendation off of is The Grunt wrapper for UnCSS; that of course integrates into the Grunt build system for great automation.
...
8
I have a great option - at least I totally love it - although it is neither a web-app or a Linux application.
I recommend the Firefox addon CSS Usage - it does require Firefox and the Firefox addon Firebug.
Usage:
just load page (via web, localhost (as in my picture) or even just filesystem,
open firebug console and click css usage tab
Click SCAN
review ...
8
There are several cross-platform, open-source HTML/CSS/JS desktop
frameworks available. The most popular, in descending order:
Electron
"The Electron framework lets you write cross-platform desktop applications
using JavaScript, HTML and CSS. It is based on Node.js
and Chromium and is used by the
Atom editor and many other
apps."
Actively ...
7
You can use Netbeans, which does Syntax Highlighting, Auto-completion, Source formatting, is organized by project and can be used for web programming. It is free, works on Windows and can be made portable.
answered Jul 29 '14 at 16:06
Franck Dernoncourt
36.4k30 gold badges110 silver badges223 bronze badges
7
It's still in early development, but you might want to look at Atom:
Javascript, HTML, CSS - Supports all of these.
Syntax Highlighting, Auto-completion, Source formatting (for the above languages) Supports all of these functions.
'Projects' where you can define project directories, and open all files you were last using on the project by opening a 'project'...
6
While the (previously) accepted answer was correct, in the intervening years the industry has gone ahead by leaps and bounds...
Two very good open-source and extremely actively developed options are
Electron, by GitHub. Lets you build cross-platform Windows, MacOS, and Ubuntu applications from HTML/JavaScript/CSS. It works by embedding them into a Chromium ...
6
There is another add-on called Stylus which is a Stylish fork for Firefox, Chrome and Opera without analytics.
I wanted to update the answer to this question, because as of August 2017, Stylish has apparently become associated with tracking user browsing, and I'm concerned with it sending my browsing data to third parties.
6
This is a community wiki, you can expand it if you have something to add.
These CSS-only frameworks are compatible with AMP (sorted by size):
Mini.css (46KB minified)
AMP Spectre (42KB minified)
AMP MUI (40KB minified)
Picnic CSS (38KB minified)
AMP Surface (28KB minified)
Mustard UI (24KB minified)
AMP Start (23KB minified)
Pure CSS (16KB minified)
...
5
I recommend Cloud9. It meets and exceeds your requirements:
It supports Javascript, HTML, CSS, and many more
It has Syntax Highlighting, Auto-completion, and Source formatting, using the Ace editor that's used by sites like GitHub - in fact, Cloud9 is the "C" in "Ace"
Its 'Projects' are not only separate directories with remembered views, but separate ...
5
Notepad++ already has an option to do that. You just need to activate it under Settings -> Preferences -> Auto completion
Check Enable auto-completion on each input (optional)
Check html/xml close tag
The screenshot is taken from Notepad++ version 6.5.1 (unicode)
5
node-webkit
It allows using
HTML 5,
CSS 3,
JavaScript (including NodeJS APIs!)
It packages all the content into one bundle.
It supports
Windows
Linux
Mac OS X
5
Yes there is a program HTML Compiler that allows you to convert an entire HTML application (using CSS, JavaScript, Images and more) into an standalone Windows application.
There is also ExeOutput for PHP that lets you create applications in native format for Windows with PHP, JavaScript and HTML. Convert PHP scripts, websites, JavaScript, HTML, databases ...
5
Brackets is a free, open source editor based on web technologies with a primary focus on web development. It is cross-platform and is backed by Adobe.
Using Live Preview, Brackets pushes code edits instantly to the browser to present an updated page without having to reload. However, Live Preview currently works only on Google Chrome (not even Chromium!). ...
4
Installation/Usage:
Install Python 2.7x - make sure to select the option to add it to the PATH var
Install Node.js
Install Windows SDK 7.1 . It'll work on any thing XP+. Windows SDK 8 won't work out of the box - doesn't include all the tools. If you have the VS 2010 redistributables installed already try unchecking them in the installer for the Windows SDK ...
answered Jul 21 '14 at 19:08
Nick Dickinson-Wilde
7,0174 gold badges27 silver badges59 bronze badges
4
There are many tools which can accomplish that.
I personally liked Eclipse IDE for JavaScript developers. I also used Eclipse for Java with HTML/JS plugins to achieve the same thing. It supports tabs, projects, and many other things.
It works on Windows, Linux, Mac OS X.
The only downside of Eclipse is that some users find it too heavy when used on low ...
4
I have made this browser based online unused CSS remover tool.
Features:
Browser based. Nothing to install.
Checks CSS against multiple urls.
Provides options for manually selecting/deselecting items in the CSS
file.
Can be downloaded and run on your localhost for unlimited
URLs
Open-source Code
Disclaimer: I am the author of the code.
4
After an extensive search, no suitably simple Miller Columns software surfaced. Here's my software that has the specified functionality:
Source
The editing operations are equally trivial:
$(document).ready( function() {
$.getScript( "js/columns.js", function() {
var $current;
$("div.columns").millerColumns({
current: function( $item ) {
...
4
The new WYSIWYG editors
Good for mockuping and initial design. Bad for working on an existing app.
Macaw, Sketch, Pinegrow or even Photoshop + Brackets
✔ Provide higher abstractions in regards to the design and layout of
a web application
✔ Provide a GUI that efficiently lets the designer
express his/hers intentions of styling
✔ Translate this ...
4
What happened to the CSS?
"Not structured CSS" doesn't exist: if it is not (correctly) structured, it does not work.
Your CSS has been minified. This means any superfluous space (line breaks are considered as superfluous space) are removed. The purpose of this operation is to make the file lighter, thus reducing the load on the server and making the ...
4
Adobe Brackets provides live previews of your pages and has a lot of convenient features for web developers. From their site:
Also, there are plugins like W3C Validation to check for errors, but I think it has built-in checking as well.
3
There is frankly no good answer, because whichever tool you end up using will invariably mess up the code under it. I have not seen a single tool released in the past 14 years that was able to generate markup that could be considered acceptable.
In addition, most WYSIWYG editors are completely incapable of generating markup/CSS that works across browsers, ...
3
Nick Wilde's answer led to me another answer:
another nodejs project called Inliner.
(I have only started to try to use that and haven't succeeded with my goal yet - as some bugs pop up)
3
I am not taking exe literaly, but you can setup a desktop application with node-webkit which will basicaly run your webapp localy in a webkit browser.
see http://strongloop.com/strongblog/creating-desktop-applications-with-node-webkit/
3
I use codepen.io for all my front end testing. It's probably the best site I've ever used for jquery/css/html testing. For CSS it includes SASS, SCSS, LESS, and Stylus with all their respected addons. I couldn't recommend it more for front end developers.
3
Are you familiar with f.lux? It doesn't do exactly what you've asked for, but I think it could still help you. F.lux is a program which reduces the amount of blue light that your computer emits and can greatly reduce eyestrain and helps your eyes adapt to the time of day.
3
For Firefox, you can use Night Mode Pro, Night Mode Eye Guard, or Black Background and White Text. All three extensions will automatically convert light backgrounds to dark backgrounds.
There was also an extension called Night Mode Page Dim, which was excellent and available until just recently. Perhaps it will be available in the future.
You may also ...
answered Jul 17 '15 at 21:23
3
I'll recommend Visual Studio Code, it could exists something better than a lightweight code editor from the team that developed the most powerfull and complete IDE environment for programmers (undeniably, unless you have not yet tested. ) ?
Please reffer to the indications in this StackOverflow post to see how to see the preview in the webbrowser:
How to ...
3
You can almost certainly get what you need by using the dot language with the GraphViz toolkit, (source code here), possibly with the Viz.js javascript client or one of the other implementations such as Canviz
The dot language allows you to specify a set of nodes, with text, colours & styles and connectors also with text, colours & styles and the ...
Only top voted, non community-wiki answers of a minimum length are eligible