Catégorie: Design

i18n & l10n — Internationalisation & localisation

Auteur(s) de l'article

Guillaume
Marc
Guillaume et Marc
Sélectionnez votre pays. Quelle est votre langue ? Je veux que les chiffres soient formatés de cette manière. Quel est le fuseau horaire ? Je lis de droite à gauche.
Comment obtenez-vous ces informations de la part des gens ? Et comment donnez-vous ces informations aux gens qui viennent de différents pays et de différentes cultures ? Et que ces personnes parlent différentes langues… La localisation et l’internationalisation sont des sujets complexes. Mais nous sommes là pour vous aider ! Prenez un moment pour voyager avec nous au pays du i18n et du l10n.
C'est avec cette proposition que nous avons abordé notre conférence à Lyon, le 3 novembre dernier. C'est une des composantes de beaucoup de nos projets. Et la Suisse, avec ses 4 langues officielles, est le terrain de mise en œuvre idéal des principes de localisation et d'internationalisation.
Petite entrée en matière avec une définition :
localisation / internationalization
Nous avons pris le temps d'introduire ces deux notions dans le cadre des projets Web. Nous avons parcouru les thèmes des langues, du temps et de l'espace, des chiffres et avons donner quelques exemples d'usages à l'aide de cas concrets. Le plus simple pour vous, c'est de juger notre prestation à l'aide de la vidéo. 😉

La vidéo de la présentation

attention les slides ne sont pas alignés au texte

La présentation

Les slides sont aussi disponibles sur github
<iframe class="embed-responsive-item" src="https://1810io.github.io/slides-i18n-l10n/" frameborder="0" allowfullscreen></iframe>
Merci à l'équipe de Blend pour l'accueil et l'opportunité de mettre à plat ces idées, de formaliser (un peu) mieux cette partie spécifique ce notre travail de conception et de design.

Continuer ma lecture

Auteur(s) de l'article

Basile
Basile

RayCast, à 2 clics de tout

Repos GitHub, pull requests, historique du presse-papiers… Et si tout cela tenait dans un seul raccourci clavier ?
Repos GitHub, pull requests, historique du presse-papiers… Et si tout cela tenait dans un seul raccourci clavier ?
Logo Raycast

Auteur(s) de l'article

Akira
Akira

Le workshop 100 images : comment nous définissons la direction visuelle d'une marque

Avant de dessiner quoi que ce soit, nous demandons à nos clients ce qui est désiré pour leur marque, et ce qui ne l'est pas. Voici comment notre workshop 100 images y répond, collectivement et en une seule session.
Avant de dessiner quoi que ce soit, nous demandons à nos clients ce qui est désiré pour leur marque, et ce qui ne l'est pas. Voici comment notre workshop 100 images y répond, collectivement et en une seule session.
Une main pose une pastille verte sur une planche d'illustrations imprimées, à côté de pastilles rouges.

Auteur(s) de l'article

Anthony
Anthony

Smashing Conference Freiburg 2026

Retour à Freiburg pour la Smashing Conference 2026: l'IA et les design systems, du CSS et du HTML très techniques, et des talks plus humains sur l'équipe et la posture. Voici ce qu'on en retient.
Retour à Freiburg pour la Smashing Conference 2026: l'IA et les design systems, du CSS et du HTML très techniques, et des talks plus humains sur l'équipe et la posture. Voici ce qu'on en retient.
Affiche de la Smashing Conference Freiburg 2026