After I announced that McSandy was in beta mode, I created a Reddit post for McSandy, and asked for feedback. What I noticed is that a lot of folks don’t really get why I made McSandy — because there’s tons of other options out there. So I’m going to show you why, with a few lovely animated gifs.

1. McSandy knows if you have an internet connection

McSandy detects your online state, and will adjust itself accordingly. Granted, you probably know this, too — but if you temporarily lose your WiFi connection, you don’t want to see a bunch of errors in your console because you’re calling external files.

2. The Drag and Drop is really handy

Click on the label for the HTML, CSS, or JS fields. Drag it to your desktop.

Want to bring in a file? Save yourself a copy-and-paste by just dropping the text file directly into an editor.

3. Drag and Drop Images, too

You can drop an image into the HTML or the CSS fields. McSandy converts that to a base 64 png string. Yes, it’s  really long. But you know what? That makes McSandy handy as an image-to-data-uri converter.

4. Drag and Drop SVG is nice, too

McSandy knows that an .svg file isn’t an image, it’s text. So you can drag an SVG file into the editor, too.