Home

#mozilla #traduction #translation

L20N est un framework de traduction avancé développé par Mozilla et dédié aux applications web.

L20N est un framework de traduction avancé développé par Mozilla et dédié aux applications web.

De nombreux frameworks du marché embarquent un système d’internationalisation (i18n) permettant de créer des applications multilingue. Malheureusement, certains d’entre eux sont assez complexes à maîtriser et mettre en oeuvre surtout dans le cas où l’on souhaite pouvoir facilement gérer la pluralité, le masculin/féminin, la grammaire etc.

L20N par Mozilla est un framework qui est destiné à faciliter la tâche des développeurs dans l’internationalisation de leurs applications web. Il va en effet rajouter des bouts de logiques pour gérer les traductions en fonction du contexte.

L20N par Mozilla est un framework qui est destiné à faciliter la tâche des développeurs dans l'internationalisation de leurs applications web. Il va en effet rajouter des bouts de logiques pour gérer les traductions en fonction du contexte.

L20N ne va pas se contenter de faire de la simple traduction, il permettra aussi de gérer dynamiquement vos textes en fonction de la réorganisation responsive de vos layouts … Exemple parlant: Dans votre page web vous indiquez « Téléchargez la ressource en cliquant sur le lien à droite », sauf qu’avec le responsive, ce fameux lien de droite va passer dans un bloc juste en dessous. Grâce à L20N et ses fonctions responsive, vous pourrez dynamiquement changer le texte en « Téléchargez la ressource en cliquant sur le lien ci-dessous ».

Toutes vos traductions peuvent se situer dans un ou plusieurs fichiers externes pour optimiser le chargement de vos pages.

Pour faire fonctionner L20N, vous devez binder certains éléments DOM à des « ressources » L20N. Un exemple très simple:

Définissez vos ressources dans un fichier Javascript dédié ou directement dans votre HTML:

1.<script type="application/l20n">
2.<brandName "Firefox">
3.<about "About {{ brandName }}">
4.</script>

Vous pouvez spécifier vos variables, les déclinaisons en fonction de la pluralité etc.

Chargez le Manifeste définissant les langues disponibles ainsi que leurs fichiers ressource;

01.{
02."locales": [
03."en-US",
04."fr"
05.],
06."resources": [
07."../locales/{{locale}}/browser.l20n",
08."/shared/{{locale}}/date.l20n"
09.]
10.}

Et liez à votre DOM la traduction L20N pour que la magie opère:

1.<p data-l10n-id="about"></p>

Le site présente par l’exemple beaucoup des fonctionnalités disponibles, même les plus poussées.

Un framework compatible avec tous frameworks server-side qui pourra donc être utilisé sur tous vos projets.

A étudier !

Site Officiel

Publicités

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s