Projects section takes up too much important real estate. It should behave more like a menu whose default state is closed, and can be opened over the preview area, instead of pushing it over

Might be a better UX if the Editor updated with what was in the container on blur. At the moment, it only updates on keypress (which may be a pain if the "average user" is just dragging and dropping)

Sometimes, when opening the modal window with ctrl + shift + i, the content is removed and replaced with [keyboard object]

error in the console is : mcsandy.html:2280
Uncaught TypeError: Cannot read property 'querySelector' of undefined
happens any time hitting the + for a second or third external CSS file.

Allow users to add their own external CSS and JS files

When user drags one HTML (or CSS/JS) file into the HTML container, the user cannot replace the original file by just dragging/dropping a secondary/updated file. The secondary file gets added to the first dragged/drop HTML.

If the user wanted to replace the first HTML with a brand new HTML file-- they would have to cmmd+a (select all) and delete, and THEN drag and drop the new HTML over.

When adding an external file, it isn't loaded automatically into preview.

Put information about the app, where to submit bugs, and other details somewhere in the app.

If there's any localstorage information that isn't related to the McSandy App, errors are thrown.

Probably need to push all information for McSandy into a McSandy namespace.

Ability to export a project as JSON, and import it again.

Since McSandy uses localStorage, this means that projects are confined to a specific browser. This makes it hard to test something in multiple browsers. an import/export function would resolve this.

When loading a new project, if it has external assets, some empty asset fields will be created.

when dragging out HTML, CSS, or JS, the actual file result is the McSandy interface, not the source code.

Download button doesn't download the entire project.

FireFox doesn't load the names of the jQuery libraries.

Cannot drag any files into the editor in firefox

Info icon:

• No circle
• Change to a basic "i"
• use alt text to explain what it does

In windows, Chrome (v 38), the .css and .js external input (to the right), as well as the external libraries (right and bottom) all have scroll bars.

Firefox (v 30) shows nearly the same scroll bars. the css/js external file input both shows the scroll to the right. However, the "External Libraries" piece only has the bottom scrollbar.

Add the following libraries:

• React
• Angular 2
• Underscore

If the user puts some code into the HTML, and then, under "This Sandbox", name it and click save.

At this point, it shows up under the "Other Sandboxes" dropdown menu.

However, when I delete the sandbox out of "This Sandbox", while it removes it from the dropdown, the sandbox still exists if the user knows/knew the url (http://mcsandy.com/#test)

Drag out does not work in FireFox or Safari

add placeholder text that's more creative that regular code. maybe randomize it.

two features:
User should be able to drag and drop an image into the HTML editor and get a reference to the image.

User should be able to drag and drop more than one text file at once.

Gulp is superior in the case of doing multiple modifications on a file.

When you drag the HTML, CSS, or JS field to desktop, it currently triggers a save-as. Instead, you should actually be able to drag it to a desired folder in the file system.

Do something with the labels of the edit regions. they take up a lot of space

Add tooltips to the HTML/CSS/JS headers, and all the buttons, so that a user can see what keyboard shortcuts are available, or what they can do.

McSandy doesn't offer any options for changing color or layout.

McSandy's look and feel isn't the same as other editors. improve the UI, add more borders, backgrounds to editors, etc.

If you are online, and then lose or turn off internet, the interface updates.

It does not update, though, if you are offline, and then turn on internet. It should update when turning on internet.

Increase the height of the edit windows.

an Auto save feature or a memory feature that saves your work, in case you accidentally navigate away.

Add an info icon that people can click on so that they can get a helper window that shows all of the shortcuts.

Change the color palette of McSandy to something that may look more professional and open:

http://www.color-hex.com/color-palette/33376

http://www.color-hex.com/color-palette/33131

ctrl + shift + h toggles a horizontal layout. However, the next time that McSandy is loaded, the layout is reverted back. This should remain persistent.

Chrome will render the basic HTML tags, as if there is no CSS (ie strong is bold, paragraphs are block). However, Safari renders the actual HTML code within Safari. Firefox, while drag and drop doesn't work currently ( #21 ), will render the HTML, like Chrome does, on copy/paste.

Chrome and Firefox: Copy within the buttons, on windows chrome, are pushed down. Firefox is much more visible.

Firefox: the "+" buttons on the external .css/.js input is slightly larger than the input itself (obvious at the top of the button).

"Other Sandboxes": the "Load" button has a left gray border, and it seems that the background color on the button doesn't quite touch said border, leaving a 1-2px white gap in between said border and the start of the button bg color (border doesnt happen on the Save button, or in Mac)