Using TogetherJS

By  on  

TogetherJS

Last week I highlighted five awesome Mozilla technologies that most people have never heard of.  Before the Mozilla Summit in Santa Clara, even I (a Mozilla employee)  had not heard of a few of them.  One of the projects I was most impressed by was TogetherJS, a project created to allow for simple collaborative development between any number of users.  My favorite attribute of TogetherJS is that it's so incredibly easy to implement.  Let me show you how!

The HTML

Implementing TogetherJS only requires a script tag and an opt-in button to initiate collaboration:

<script src="https://togetherjs.com/togetherjs-min.js"></script>

<button onclick="TogetherJS(this); return false;">Collaborate!</button>

The TogetherJS(this) call initiates the library, displaying an opt-in dialog, and then users can see where other users place their cursor, click, change form fields, and modify page contents. The updates can be anonymous (yay privacy!) and effective!

What an incredible utility -- never has instant collaboration been so easy!  TogetherJS is a another example of how Mozilla is fighting to make not just development easier, but collaboration of all kinds easier.  The epic development sandbox, JSFiddle, has implemented TogetherJS to allow for easily collaboration and code experimentation.  Leave it to Mozilla to create an epic collaboration tool that's easy to implement!

Recent Features

  • By
    Serving Fonts from CDN

    For maximum performance, we all know we must put our assets on CDN (another domain).  Along with those assets are custom web fonts.  Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...

  • By
    5 More HTML5 APIs You Didn&#8217;t Know Existed

    The HTML5 revolution has provided us some awesome JavaScript and HTML APIs.  Some are APIs we knew we've needed for years, others are cutting edge mobile and desktop helpers.  Regardless of API strength or purpose, anything to help us better do our job is a...

Incredible Demos

  • By
    Facebook Sliders With Mootools and CSS

    One of the great parts of being a developer that uses Facebook is that I can get some great ideas for progressive website enhancement. Facebook incorporates many advanced JavaScript and AJAX features: photo loads by left and right arrow, dropdown menus, modal windows, and...

  • By
    CSS Columns

    One major gripe that we've always had about CSS is that creating layouts seems to be more difficult than it should be. We have, of course, adapted and mastered the techniques for creating layouts, but there's no shaking the feeling that there should be a...

Discussion

  1. Does Jsfiddle activate it by keyboard shortcut as well as by link? Numerous times its rather annoyingly popped up while I’ve been speed typing or quickly hitting crtl shortcuts. On an old dog of a machines like mine its actual pretty laggy.

  2. Nils

    that’s just like towtruck, is it?

  3. Good
    this was a good post! Handbag Coach Online http://kpmpacks.in/handbag-coach-online.html

  4. Hi David,

    You might be interested in trying out surfly.com: it is similar to togetherjs but requires no modifications to the website and works with signed in sessions.

  5. zip

    To Denis.

    But your version doesn’t take parallel interaction, only view!

  6. Rahul

    can we implement drag and drop functionality in togetherjs application

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!