The Visual Studio Code extension named “CodeSwing” just blew my socks off. CodeSwing is an interactive coding playground for VS Code, that allows you to build/explore/learn rich web applications (“swings”). It’s like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but in Visual Studio Code! Using the Command Palette you can create …
Tag Archives: prototyping
Craft Prototyping
If you’re using Sketch to design and InVision for prototyping (something we do at Small Town Heroes), then this plugin is solid gold, as it combines both: With Craft Prototype, you’ll experience an unparalleled level of continuity between Sketch and InVision. By bringing your design and prototyping process together, work faster, collaborate more seamlessly, and …
Designing Twitter Video
We wanted to be extremely careful about weighing down the experience with extra pro-user functionality. Even though we support longer videos, we don’t necessarily want to make people feel like they need to fill it up. As such, we landed on a simple interface for capturing multiple video segments without the pressure of filling up …
Frameless – A fullscreen browser for iOS 8
Composite
Composite is a brand new way of creating interactive prototypes. It automatically connects to your Photoshop® documents and converts your mockups into interactive prototypes in seconds. No need to export images or maintain tons of hotspots. In the same category as the aforementioned Stand In (which looks better though). Composite →
Stand In
Prototypes that feel native, straight from Photoshop. If more tools like these start popping up I think the whole design in the browser-thing, which — one must admit — is only popular amongst a small group of designers, won’t get any traction with a wider audience as some will resort to this kind of tool …
WebZap – Web Dev Photoshop Plugin
WebZap is a web developer panel extension for Adobe Photoshop that is designed to help streamline the design processes undertaken by website user interface designers during the mock up and wire framing phases of web site development. Whilst I like this from a technical point of view (straight in Photoshop, huh?!) I think you’re better …