Looks like something I'd like to use!

A while ago I wrote something myself (basically a php file that looks at a specific folder and builds that into a fullscreen js slideshow) which I upload for each client. Your addition of automatic uploading, adding revisions and wrappers is very nice.

For me, it would be nice to also have an option of not having a wrapper to get a feel of what it would actually look like in the browser at 100%. At this moment I use a dirty way of filling out the browser; I make my design 1920px wide (background), center them in the browser and set the overflow-x to hidden. That way, no matter if they're looking at my design on full HD, or just 1440px, it'll display properly. Another feature I've built into my presentation is a thumbnail-view overlay. To make it easy to skip to a specific slide in the presentation.

I've been working on a few apps for designers in my spare time to learn a bit of Node.js combined with desktop software development. The first is getting close to being finished and I wanted to share it. It is a small helper tool for designers to quickly publish mockups to their own server.

I've never liked pushing my design work to a 3rd party service so I've always created HTML files with different layouts to present flat jpegs of designs. The HTML files simulate a native experience and let the client look at the design without me worrying if they are viewing the design full size or zoomed out too much. Then I manually link each of these up to a table of contents type page with all of the different wireframes, page layouts etc. But it gets tedious and I decided to template it and create a small app to help.

The app will let you add projects, each with a url path to your server. Then you can just drop your jpg for each layout into the window and it will generate HTML/CSS based on the image dimensions, you can select a few options to align the layout or specify a mobile/tablet wrapper graphic and then click upload and it will push it to your server. I'm adding in support for per-project templates...so branding and so forth can be customized per project. The app will let you specify a revision so that it can group them in the table of contents file that your client sees linking to each version of the designs to keep things nice and organized.

I just want to solve a few pain points in my workflow that I have and maybe help some others in the process. I love that we have the tools and resources these days to be able to tackle building our own tools that work for us instead of relying on industry giants to put out design tools. After this project I'll be playing around with some ideas for building better sitemaps.

I love it. I just found Editr.js (http://lab.idered.pl/editr/) today, and now this. One note, though: in the latest Chrome for Windows 8, the background images try to move with scrolling, but snap back to where they were. This creates a distracting bouncing effect that is undesirable. Just thought I'd let you know.