Skip to content

Instantly share code, notes, and snippets.

@crcn
Last active December 30, 2016 16:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save crcn/e5cf5025fccafabf165debd94bc17102 to your computer and use it in GitHub Desktop.
Save crcn/e5cf5025fccafabf165debd94bc17102 to your computer and use it in GitHub Desktop.
Website Brainstorm

Videos

Elevators

A hackable UI builder for web developers

Tandem augments your development workflow by providing visual tools for creating any kind of web application.

Your new web development environment

Use any tool, framework, or language you want. Tandem is an addition to your stack that provides a visual way to create your application.

Brainstorm points

Possible ideas about what to say in messaging on tandemcode.com.

Works with your existing codebase

Use any tool, framework, or language you want. Tandem is an addition to your stack that provides a visual way to create your application.

Style without coding

With built-in tools for animations, cross-browser testing, media queries, and more, you can finally create UI features that are hard to code by hand.

https://www.dropbox.com/s/xpw7ts7k40qqs57/demo.mp4?dl=0

Collaborate

Share your workspace with designers, or other team members to edit the same document together.

Under the hood

Tandem runs on top of a browser VM that hotswaps parts of your application as you're writing code. The VM then renders your application's HTML & CSS against a real browser, and provides a preview that you can visually manipulate in realtime.

Integrates with your IDE

Use your default text editor with Tandem and watch a live preview of your application update as you're writing code, or use the visual tools to make fine adjustments and watch Tandem write code in the languages you're using.

https://www.dropbox.com/s/91r473avg1o4s7p/code-first-2.mp4?dl=0

Catch CSS Bugs more easily

Tandem allows you to see every visible state of your application in parallel. Not only that, pages that share the same resources automatically update as you're making visual changes, allowing you to more easily catch visual bugs throughout your application as they come up.

https://www.dropbox.com/s/7kkwfhzosrt4ywf/see-everything.mp4?dl=0

Extensible

Tandem comes with a plugin framework that enables you to build UI controls that write code for you. Add custom features that are specific to how your code or team works. Here are some possible ideas:

  • A/B testing tools that enable non-coders to build components without needing to write code
  • Integration with Jenkins that enables visual Q/A testing before shipping code to production.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment