MooTools Gets a Little Closer to Home

Written By Aaron Newton, on Friday, April 1st 2011, 4:54am

A few months back we sent out a survey asking you where you’d like for the development team to focus its energies. Since then we’ve worked on demos and released a new version of the framework with new features based on that valuable feedback. Getting direct input from everyone who uses MooTools helps us as developers stay on target for the things you need.

One of the items that came up several times in the survey was a desire for more support for internationalization. MooTools More already ships with a system for localizing plugins, but this functionality isn’t baked deep into the framework. Several comments in the survey implied a desire to see this functionality available throughout MooTools Core. One respondent wrote, “It is difficult to understand MooTools as my English is not great. My website has many visitors from where I live and they need all to understand it. Thank you.”

You asked for a more culturally sensitive framework and we listened. Given that the MooTools development team is based all over the world from Italy to Austria to The Netherlands to Germany to Sweden we can understand the value of having MooTools available in your native tongue.

Introducing the MooTools Localized API

For the past few weeks we’ve been hard at work localizing all of MooTools. That’s right, you will be able to download MooTools Core and MooTools More in any of the several languages we support. We’re are not entirely ready yet and don’t have full coverage for each API, but nevertheless wanted to give you a preview of what we’re working on. We were able to do this because MooTools’ modularity and JavaScript’s flexibility which makes it easy to add and change methods on the fly.

To get started with using the translated API, you need to look at Github for now, since we’re still early in development. However we will provide a download page in the coming weeks so you can easily select your language and download the required components.

Here’s a quick example of the Italian translation in action:

Element.impostaStile('colore', 'rosso');

We also support British English now as well:

Element.setStyle('colour', 'red');

Or Dutch:

venster.gebeurtenisToevoegen('domklaar', function(){
    $('kop').zet('tekst', 'MooTools!');
});

Everything is right were you expect it to be; it’s still just MooTools! All your users will recognize the difference of a site built using their native tongue.

We’ve also set up a repository on Github which you could use to add and improve translations. You could grab the Dutch translation (Locale.nl-NL.API.js) and translate it to your own language. We would like to add documentation for the translations as well, and are still looking how we could implement this in an efficient way in our future documenation system which is currently under development.

If you’re interested in helping us translate into additional languages please get in touch on the MooTools Google Group or at Github.

Here is an early demo with some working JSFiddles:

Dutch:

Ukrainian:

GERMAN:

Keep the Feedback Coming!

In the coming months we hope to add a lot of new features that enrich the MooTools ecosystem. We’ve gotten a lot of requests to make MooTools Core suitable for mobile devices. Our plans are to make a modular system that allows you to include only the parts you need with small, powerful, and feature rich modules for effects and AJAX as well as enhancements to native objects like strings and functions. We plan to sell this in the iTunes store for 99¢. What features would you like to see next in MooTools? Leave a comment!

Update: Thanks to paraboul we added a beginning for French!

Update 2: Anyone wishing to find more information on our Localized API efforts, please read this.

20 Responses to “MooTools Gets a Little Closer to Home”

  1. dreadcast says:

    I just quickly checked the scripts with firebug…

    var translation = { Element: { // Element getElement: ‘отриматиЕлемент’, getElements: ‘отриматиЕлементи’, getElementById: ‘отриматиЕлементиЗІд’ …

    Though it seems to really work, I guess it’s another April’s fool !

  2. Andrea says:

    woah 0.99 bucks!

    I absolutely would need a FlyingMule Class Component in the next MooToolsMore.

    Thanx.

    :E

  3. Serghiy says:

    nice one you did here!!

    The only thing is that Ukrainian national currency is hryvnia. So you have to replace $ with UAH or грн or ₴.

    )

  4. Cash says:

    and when in the Android Market?? :D now iTunes and then…. the World!!!! :D

  5. Htbaa says:

    April Fool’s!

  6. dreadcast says:

    Too bad, it doesn’t work with € !

  7. wik says:

    What next? Translation tool? )))

  8. leeeb says:

    As someone who has been pushing for a proper British version of jQuery that uses £ instead of $, I’m really impressed to see you leading the way with this implementation.

  9. Sergey says:

    Finally you’ve did it!!! Awesome! :)

  10. Sven Groot says:

    April fools? lol!

  11. Rouven says:

    Hehe, that reminds me that Basic used to be translated in old versions of Word and Excel - nightmare of interoperability.

  12. hartum says:

    Is today 1 april? Oh yes it is ;-)

  13. Christian says:

    Really awesome!! In your face, all you native English programmers, who think everyone should know your language. I’ll write my plugins in German from now on. And if you try to modify them, make sure to buy a dictionary first. :P

    PS: Waiting for the klingon Mootools version.

  14. vic says:

    This must be another famous april fools day joke, I personally don’t see the point in localizing the api. I’m dutch but won’t even know how think of and type the methodname ‘pakCoördinaten’ when I need getCoordinates, haha

  15. cpojer says:

    @Christian Yes, I proposed such a version too. We don’t have a native Klingon speaker in our team though. Please feel free to do the API translation and send us a pull request on GitHub - it is much appreciated!

  16. Alexandre Mercier says:

    :D Nice, I’ve been waiting for this feature for SOOO long!

    Could you please provide a right-to-left arabic language version aswell? xD

  17. Dylan Schiemann says:

    Awesome. I too am waiting for Klingon, €, and £ support for more bling-on.

  18. alpha123 says:

    Now we just need MooTools in Braille…

    ⠑⠇⠑⠍⠑⠝⠞.⠎⠑⠞⠎⠞⠽⠇⠑(‘⠉⠕⠇⠕⠗’, ‘⠗⠑⠙’);

  19. stefan says:

    i’m a big fan of MooTools since it first emerged but the likes of jQuery and Dojo are now SO far ahead in terms on documentation, examples, community, support for mobiles and THIS is what you guys waste your time with?!

  20. stefan says:

    oh, ok…april fools :)