Translation made easier

Ever needed a smooth solution for translating content to a different language? Like, say, being able to click on a text inside the page and translate it right there on the spot?
For an upcoming CreOFF project I needed to be able to translate site content to different languages smoothly and without resorting to implementing a full CMS like Drupal or Joomla.
How does it work?
Just browse the site in translation mode and any missing texts are clearly marked in red, like this:
Click on any of these blocks and you’ll get a popup where you can translate the text block (as shown at the top of this page).
It’s an easy system for webdesigners too: they can change texts themselves or keep changing the layout without interfering with the actual content.
The page above look like this in html:

For those sites with few content changes this is still a viable solution. It’s nowhere near a complete CMS solution, but it is a very visual way of translating your site’s content.
In fact, with some extra work something like this could be implemented on top of a CMS to give translators another option to get at the original texts with the added benefit of seeing more of the context in the page.
Tags: CodeIgniter, MySQL, PHP, translation
