I have been using a home grown preprocessor kind of program that replaces placeholders with file contents and allows you to use constants so you don't have to do something like:
Instead you just do
This does a few things:
allows you to declare constants across html/js/css
allows you to break large files into smaller files
allows you to create html templates as html and easily reuse them in multiple places or as a string in javascript
allows you to create html/css/js code as modules which can be dropped in or taken out of different projects with ease.
Programming concepts are not always best represented as walls of text. Sometimes it is easier to take a function out and display it next to other code in the same file. Sometimes you want to see different parts of the same file simultaneously (which a lot of text editors do allow).
Are there any text editors or programming styles which allow you to work with your code in a more modularized or 3D manner? Maybe something like this:
To the extreme end of this (and not necessarily what I am looking for right now) would be an IDE that uses something like Minecraft to organize code. That is, you would group all of your functions that perform a particular type of function in this building over here. Or you would arrange all of your classes in a field. For huge projects it might be quicker to find these functions or classes and see the bigger picture if things could be arranged this way. It might even reduce developer fatigue. So like you would walk up to the module you want in the Minecraft IDE and right click it and it would just open up the code in a text editor. ...the code could by represented by a block in Minecraft.