Learn how to deploy a location aware EmberJS application to heroku. This presentation explains how to use ember-cli-deploy along with heroku redis and s3 to create an application that dynamically changes the internationalization translation based on what country you're visiting the site from. Also uses ember-cli-server-variables, ember-i18n, node-ember-cli-deploy-redis, cheeriojs, and ember-cli.
Research and publish the best content.
Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
Already have an account: Login
JavaScript for Line of Business Applications
596.1K views |
+0 today
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by
Jan Hesse
 Your new post is loading...
Your new post is loading...
Scoop.it!
CLI tool for effectively update translation keys, edit translations and open translation interface with support for MessageFormat. L10ns supports ICU's Messageformat for handling plural, 
Scoop.it!
From
github
By running grunt locales:build you can get a set of JavaScript locale files that can be used to help translate content. The basic angular-localize directive is used by adding the localize attribute to a tag. The text in the element will be used as the translation key, but you can uselocalize="key" to specify the key instead, which is useful if the final content hasn’t yet been copy edited. The localize directive also observes data-* attributes and passes them as objects to translation functions, so data can be inserted into text dynamically. There’s also a localize service for translating text in your JavaScript code, and there’s even a localizeFactory for creating your own attribute-based localize directives.
Scoop.it!
L20n is an open source, JavaScript localization framework from Mozilla. It is designed to be very expressive along with several features such as adapting to Screen sizes, good separation of concerns, graceful handling of pluralization, support for default when there are multiple variants, and more. Below are some interesting features of L20n -
Scoop.it!
One thing I’m really proud of is that when we launched Discourse, we had first class Internationalization (i18n) support ready to be used. Our first release only English, but thanks to our community we have 18 localizations of our software in progress! On the server side, Discourse uses Rails’ built in i18n support. It has been around for a long time and works easily so I won’t go into that. Check out the documentation for your server side framework of choice for more.
Scoop.it!
angular-translate is an AngularJS module that makes your life much easier when it comes to i18n and l10n including lazy loading and pluralization. It provides components like filters and directives, asynchronous loading of i18n data, full pluralization support through MessageFormat and much more! angular-translate is very flexible. You can build your own loaders, storages or error handlers and extend angular-translate to your needs!
|
Scoop.it!
An always up-to-date, modular and simple i18n library
Jan Hesse's insight:
Scoop.it!
FormatJS is a modular collection of JavaScript libraries for internationalization that are focused on formatting numbers, dates, and strings for displaying to people. It includes a set of core libraries that build on the JavaScript Intl built-ins and industry-wide i18n standards,plus a set of integrations for common template and component libraries.
Scoop.it!
When we started working with AngularJS, one of the first non-trivial challenges we were faced with was to find a way to localize the text in our app. We had a few basic requirements for the localization solution:
Some brief research did not produce any options we were completely satisfied with. We then considered the RequireJS i18n module. It is a very simple and elegant solution that's worked very well for me in my previous projects, so I set out to write a small module that will bridge the gap between this module and my Angular JS code and views.
Scoop.it!
When I started to localize an application with a lot of client-side JavaScript code, I discovered the truth about localization in JavaScript: there is none. LocalePlanet is the library and procedures that I came up with to add it.
Scoop.it!
Angular-gettext let's you focus on developing your application. Just write everything in English and annotate which parts should be translated. The tools do the rest. Marking a string as translatable is as simple as adding an attribute: <a href="/" translate>Home</a>No need to maintain translation codes or magic values, that just causes headaches!
Not every language works like English. Did you know that Polish uses three plural forms? Or that Irish uses five? No worries, angular-gettext handles all of this for you. Just provide a plural string where needed. <span translate translate-n="count" translate-plural="There are {{count}} messages">There is {{count}} message</a>The span above will always show a correctly pluralized message, even if the language uses wildly different pluralization rules. A full list of supported languages (over 130) can be found here.
|
