CodeSwing — Interactive Coding Playground (like CodePen, JSFiddle, etc.) Extension for Visual Studio Code

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 …

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 …

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 …