This is a great explanation of the difference between the
:lang CSS selectors. I wouldn’t even have thought’ve the differences so this is really valuable to me.
Wednesday, January 16th, 2019
This is a great explanation of the difference between the
Tuesday, January 1st, 2019
These are good challenges to think about. Almost all of them are user-focused, and there’s a refreshing focus away from reaching for a library:
It’s tempting to read about these problems with a particular view library or a data fetching library in mind as a solution. But I encourage you to pretend that these libraries don’t exist, and read again from that perspective. How would you approach solving these issues?
Thursday, April 12th, 2018
A really deep dive into the
lang attribute, and the
:lang() pseudo-class (hitherto unknown to me). This is all proving really useful for a little side project I’m working on.
Sunday, January 14th, 2018
Remember those offshore forts that would get taken over and repurposed as tax/data havens? Well, this is like that …but in space. Half design fiction, and half ponzi scheme, this will give those libertarian seasteaders a run for the money (in a made-up currency, of course).
Thursday, November 23rd, 2017
Practical advice from Ire on localising web pages.
Friday, April 14th, 2017
So do you really know which are the top browsers, both amongst your existing customers and your potential audience? Perhaps it’s worth taking a closer look; it might just be time to check your site in some of the lesser-known, yet popular browsers like UC, Yandex and Samsung Internet.
Thursday, March 23rd, 2017
Flags are not languages – A blog about designing global user experiences: beyond language, location & culture.
It’s a bit finger-pointy but this blog should be useful for anyone working on internationalisation.
This blog has two general aims: to show the fundamental flaws in using flags to represent languages and how to create good experiences when dealing with multilingual and multi-regional content.
Monday, March 20th, 2017
The second part of Bruce’s excellent series begins by focusing on the usage of proxy browsers around the world:
But how!? Well, Bruce has the answer:
I call this amazing new technique “progressive enhancement.”
You heard it here first, folks!
Monday, March 6th, 2017
Bruce widens our horizons with this in-depth look at where and how people are accessing the web around the world.
In this article, we’ve explored where the next 4 billion connected people will come from, as well as some of the innovations that the standards community has made to better serve them. In the next part, we’ll look at some of the demand-side problems that prevent people from accessing the web easily and what can be done to overcome them.
Monday, March 14th, 2016
Paul is digging deep into flexbox and finding it particularly useful for internationalisation …but there are still some gotchas.
Tuesday, July 29th, 2014
Some very handy techniques for working with right-to-left text.
Wednesday, February 22nd, 2012
Richard gives the lowdown on the new translate attribute in HTML.
Friday, July 29th, 2011
A terrific overview by Richard of the variations in names around the world:
How do people’s names differ around the world, and what are the implications of those differences on the design of forms, ontologies, etc. for the Web?
Tuesday, July 26th, 2011
A fascinating look at the intersection of typography and internationalisation on the BBC’s World Service site.
Thursday, July 21st, 2011
An excellent explanation from Richard of the bdi element (bi-directional isolate) for handling a mixture of left to right and right to left languages in HTML5.
Wednesday, March 2nd, 2011
Some excellent cross-polination between HTML5 and internationalisation — remember the other two Ws that come before Web in WWW.
Sunday, December 13th, 2009
This. This right here is how you manage sites in multiple languages. Are you listening, Google?
Thursday, May 8th, 2008
Ni Hao, Monde: Connecting Communities Across Cultural and Linguistic Boundaries
Simon Batistoni is responsible for Flickr’s internationalisation and he’s going to share his knowledge here at XTech. Flickr is in a lucky position; its core content is pictures. Pictures of cute kittens are relatively universal.
We, especially the people at this conference, are becoming hyperconnected with lots of different ways of communicating. But we tend to forget that there is this brick wall that many of us never run into; we are divided.
In the beginning was the Babelfish. When some people think of translation, this is what they think of. We’ve all played the round-trip translation game, right?
Oh my, that’s a tasty salad becomes
that’s my OH — this one is insalata of tasty pleasure. It’s funny but you can actually trace the moment where
of tasty pleasure (it’s
de beun gusto in Spanish). Language is subtle.
It cannot really be encoded into rules. It evolves over time. Even 20 years ago if you came into the office and said
I had a good weekend surfing it may have meant something different. Human beings can parse and disambiguate very well but machines can’t.
Apocraphyl story alert. In 1945, the terms for Japanese surrender were drawn up using a word which was intended to convey
no comment. But the Japanese news agency interpreted this as
we ignore and reported it as such. When this was picked up by the Allies, they interpreted this as a rejection of the terms of surrender and so an atomic bomb was dropped on Hiroshima.
Simon plugs The Language Instinct, that excellent Steven Pinker book. Pinker nails the idea of ungrammatically but it’s essentially a gut instinct. This is why reading machine translations is uncomfortable. Luckily we have access to language processors that are far better than machines …human brains.
Here’s an example from Flickr’s groups feature. The goal was to provide a simple interface for group members to translate their own content: titles and descriptions. A group about abandoned trains and railways was originally Spanish but a week after internationalisation, the group exploded in size.
Here’s another example: 43 Things. The units of content are nice and succinct;
fall in love, etc. So when you provide an interface for people to translate these granular bits, the whole thing snowballs.
Dopplr is another example. They have a “tips” feature. That unit of content is nice and small and so it’s relatively easy to internationalise. Because Dopplr is location-based, you could bubble up local knowledge.
So look out for some discrete chunks of content that you can allow the community to translate. But there’s no magic recipe because each site is different.
Google Translate is the great white hope of translation — a mixture of machine analysis on human translations. The interface allows you to see the original text and offers you the opportunity to correct translations. So it’s self-correcting by encouraging human intervention. If it actually works, it will be great.
Wait, they don’t love you like I love you… Maaa-aa-a-aa-aa-a-aa-aaps.
Maps are awesome, says Simon. Flickr places, created by Kellan who is sitting in front of me, is a great example of exposing the size and variation of the world. It’s kind of like the Dopplr Raumzeitgeist map. Both give you an exciting sense of the larger, international community that you are a part of. They open our minds. Twittervision is much the same; just look at this amazing multicultural world we live in.
Maps are one form of international communication. Gestures are similar. We can order beers in a foreign country by pointing. Careful about what assumptions you make about gestures though. The thumbs up gesture means something different in Corsica. There are perhaps six universal facial expressions. The game Phantasy Star Online allowed users to communicate using a limited range of facial expressions. You could also construct very basic sentences by using drop downs of verbs and nouns.
Simon says he just wants to provide a toolbox of things that we can think about.
Road signs are quite universal. The roots of this communication stretches back years. In a way, they have rudimentary verbs: yellow triangles (“be careful of”), red circles (“don’t”).
Star ratings have become quite ubiquitous. Music is universal so why does Apple segment the star rating portion of reviews between different nationality stores? People they come together, people they fall apart, no one can stop us now ‘cause we are all made of stars.
- We don’t have phasers and transporters and we certainly don’t have universal translators. It’s AI hard.
- Think about the little bits of textual content that you can break down and translate.
Grab the slides of this talk at hitherto.net/talks.
It’s question time and I ask whether there’s a danger in internationalisation of thinking about language in a binary way. Most people don’t have a single language, they have a hierarchy of languages that they speak to a greater or lesser degree of fluency. Why not allow people to set a preference of language hierarchy? Simon says that Flickr don’t allow that kind of preference setting but they do something simpler; so if you are on a group page and it isn’t available in your language of choice, it will default to the language of that group. Also, Kellan points out, there’s a link at the bottom of each page to take you to different language versions. Crucially, that link will take you to a different version of the current page you’re on, not take you back to the front of the site. Some sites get this wrong and it really pisses Jessica off.
Someone asks about the percentage of users who are from a non-English speaking country but who speak English. I jump in to warn of thinking about speaking English in such a binary way — there are different levels of fluency. Simon also warns about taking a culturally imperialist attitude to developing applications.
There are more questions but I’m too busy getting involved with the discussion to write everything down here. Great talk; great discussion.
Friday, December 1st, 2006
Yahoo have created a Twitter alternative... but they don't state anywhere on this site that it's US-only.
Thursday, November 23rd, 2006
Stuart posts a really handy string for testing internationalisation: Iñtërnâtiônàlizætiøn