linch.me — adding annotations to an image

At some point the fatigue on finding a convenient tool to quickly add captions to the image reached its climax, which resulted in the creation of a website for solutions this problem.

The name inspired me Business Lynch Lebedev.
Onlinemany image vygledyat like this:

Counterparts

www.pixtick.com flush.
www.marqueed.com check.
www.bounceapp.com — only the text and no footnotes.
In addition, they are United by one fatal flaw.
Summary: need your bike.

Create

Discarded was a possible solution with the canvas, the flash and other new technologies and bet on the warm lamp image, and html. Hosting the images now are many and you can use any. With the help of some tools you can get links to the images uploaded to Dropbox.
First I used neat triangles for the arrows, but got a nasty bug in Firefox:

Unfortunately, around it did not work, so it was decided to use the arrows.
Diagonal arrows krassivo and gently do not work, so I decided to make it easier for each side.
Automatic switching of the annotations on the side indicate the shooter to tie did not, because it is less intuitive than the simple addition and deletion for each side, and I like simple solutions.
When the external component to begin to work, I turned to the friend who helped make the backend. Screw saving the annotation and the generation of the images. Added the generation of a unique URL.

Video

Result

http://linch.me/ — use your health!

P. S. Bonus: if our site will use more than Facebook — we will add a fun background!

Article based on information from habrahabr.ru