GluePrint: Floating guides for your mockups

I like the simple idea behind GluePrint. Drop your mockup or visual design comp onto the app and it provides a semi-opaque window of the design. I can see it being useful for overlaying on top of your browser, like an onionskin, while you’re working on front end implementation. And even in other reverse scenarios, like for creating new designs based on an existing version of your product.

http://glueprintapp.com/

Remote Preview

Remote Preview is a JavaScript-based tool for previewing a web page on multiple devices, built by Viljami Salminen @viljamis for the Helsinki Device Lab. Just enter a URL, hit Enter, and the new URL gets automatically loaded on each device. Works on platforms like Android, Blackberry, iOS, Maemo, Meego, Symbian, Windows Phone and WebOS. I don't think the GameBoy pictured is supported. ;)

Source code is available on Github.

http://viljamis.com/blog/2012/remote-preview/

mapsicon

Mapsicon is a free collection of maps for nearly every country in the world, available as PNG in 11 different sizes, ranging from 16x16 pixels to 1024x1024 pixels, as well as in .svg format. Useful for placeholders or for illustrative purposes, rather than for precise rendering of geography.

https://github.com/djaiss/mapsicon

Pivot Mac for PivotalTracker

I was looking for a way to add stories to Pivotal Tracker without having to load their UI in the web browser. I wanted something as fast as using Alfred, and found Jelle Vandebeeck’s Pivot App for the Mac.

Pivot puts an icon in your menubar, and drops down a form to file chores, features, bugs, and releases with auto-completion for projects, owners, and tags. Simple. Only thing I could want more from this is a clipboard link to the story, or an optional description field, but is otherwise near perfect.

Available in the Mac App Store.

http://pivot.fousa.be/

Google Web Designer

Google Web Designer is design and development tools for creating interactive HTML5-based motion graphics. The tool looks like it’s targeted at advertising creative. It provides templates for banner ads, which makes sense, but can be used for generating any canvas motion graphics. The default layouts are for DoubleClick and AdMob mobile ads.

Web Designer is a web application that's built with HTML5, and runs natively on your desktop. It provides support for text, images, videos, and even provides bezier drawing tools for creating shapes and 3d objects. The pen tool itself is pretty exciting. The Quick vs. Advanced modes for animation are also interesting if you're not that interested in the details of how to render the timeline. When you're ready to publish, it creates clean human-readable HTML5, CSS3, and Javascript that can be minified and packaged into a zip.

Looks really useful, and not sure how this will affect other tools in the same category. I just started using Hype myself, so I'm paying attention.

https://www.google.com/webdesigner/