251-day current streak·251-day longest streak
Profil de Tristan 👋🏻 Bonjour, moi c’est Tristan ! Développeur web depuis 2009, principalement autodidacte, mais tout de même diplôme dans la filiale. À la fois formateur en développement pour…
Profil de Tristan
👋🏻 Bonjour, moi c’est Tristan ! Développeur web depuis 2009, principalement autodidacte, mais tout de même diplôme dans la filiale.
- À la fois formateur en développement pour des jeunes, à la fois traducteur de documentation pour tous les niveaux et tous les âges. Parce qu’il n’y a pas d’âge pour apprendre, et qu’un niveau n’est qu’une question de _temps et de pratique_, pas de diplôme.
- Depuis décembre 2018 je participe à la traduction en français de la documentation officielle du Mozilla Developer Network (MDN). Parce qu’entre développeurs, l’entraide à toujours été important, que nous soyons débutants ou expérimentés, la documentation est là pour nous aider. Depuis décembre 2020, j'ai rejoint l'équipe qui constitue la force d'évaluation du contenu de la traduction française, pour préter main forte et maintenir les dépôts de traductions qui étaient en préparation pour mise en Open-source en Mars 2021. Je n'ai pas quitté cette équipe, et suis toujours en activité bénévole pour fournir et offrir des pages de documentation en français.
[MDN] Vous souhaitez nous aider ?

1. Bifurquez le dépôt GitHub mdn#translated-content > La base, on ne touche pas la branche principale (main) sur le dépôt principal voyons ! :D
2. Vous aurez besoin d'utiliser 2 autres dépôts sur votre machine si vous souhaitez voir vos modifications en temps réel. Pour ce faire, il vous faudra récupérer en 3 dossiers distincts les dépots : mdn#content, mdn#translated-content et mdn#fred
> Dans le dépôt Fred, il vous faut configurer le fichier d'environnement pour connecter le dépôt anglais et le dépôt de traduction.
> Vous devrez également avoir Node.js installé sur votre machine pour faire un
> bash
> $ npm ci
>
> Une fois tout installé, vous pouvez faire un :
> bash
> $ npm run start
>
> Le site est en direct et vous permet de naviguer dans les pages pour toutes les langues.
>
> Ceci fonctionne sur toutes les machines Windows, MacOS et Linux.
3. Rejoignez-nous sur le Matrix l10n:fr pour poser vos questions ou même le Discord officle de MDN (en anglais seulement, mais vous pouvez m'y trouver)
> On ne mord pas, on est là pour vous aider et vous guider ;)
4. Bonne traduction !
> Je serai peut-être votre relecteur quand vous demanderez la validation de vos modifications ! Ça sera une bonne occasion de travailler ensemble 🤜🏻🤛🏻
\> TOUTE L'AIDE POSSIBLE EST LA BIENVENUE <
[MDN] Mes outils qui ont été reconnus

Merci aux équipes employées MDN qui m'ont demandé de publier mes outils communautaires sur mdn#awesome :heart: et qui ont validé cette publication !
- Mon outil pour suivre les états de mises à jour des pages et la traduction à faire https://github.com/tristantheb/history-content
- Mon plugin VSCode pour avoir une syntaxe de couleur sur les macros et quelques autres petites actions utiles pour traduire rapidement les pages https://github.com/tristantheb/mdn-macros-syntax / https://marketplace.visualstudio.com/items?itemName=tristantheb.mdn-macros-syntax
> [!WARNING]
> Avertissement relatif aux projets postés :
>
> Les projets présentés ici ne sont pas des réalisations professionnelles, car les entreprises ne souhaitant pas voir leur code rendu public n'ont pas vu les gros projets et grosses réalisations publiées. Vous comprendrez donc qu'il m'est impossible de vous fournir du contenu que j'ai créé ou pour lequel j'aurai collaboré si ce dernier est privé.
Mes langages et outils 🔣
Principaux
- PHP
- JavaScript / TypeScript
- Python 🐍
- HTML
- CSS
Bases de données et ORM
- MySQL
- MongoDB
- ProstgreSQL
- Doctrine
- Prisma
Usage profesionnel
- Zoho Deluge
Autres
- Java (Juste un Bot Discord, on se calme je ne maîtrise pas du tout ce langage)
- Lua
- Fluent
Mes outils
Environnement de développement
- Notepad++ (parce qu’il a bien fallu commencer quelque part)
- Sublime Text (et encore ça fait longtemps que je ne l’ai pas utilisé)
- VS Code
- PhpStorm
Graphisme
- InkScape
- Gimp
- Photoshop
Frameworks
- Symfony [PHP]
- Laravel [PHP]
- Node/Next/Nest [JS]
- React/Vite [JS]
Packages les plus utilisés
- Composer [PHP]
- (P)NPM/Yarn [JS]
- Docker
Les statistiques Github (qui sont cassées par la quantité de Markdown que je modifie pour le MDN)
Mastodon
-
history-content ★ PINNED
The translator's tool for finding MDN pages to translate or update in their language.
TypeScript ★ 9 6d agoExplain → -
history-content-stats ★ PINNED
Automated statistics that enable the use of data in community tools.
Python ★ 1 2h agoExplain → -
mdn-macros-syntax ★ PINNED
Syntax highlighting, snippets, hover and diagnostics for MDN macros and writting.
TypeScript ★ 1 4d agoExplain → -
translated-content ★ PINNED ⑂
mdn/tristantheb workspace for pages translations. This fork don't accept Issues and PRs. Please refer to mdn/translated-content.
Markdown ★ 3 1d agoExplain → -
tristantheb
No description.
★ 3 2mo agoExplain → -
Luna-French ▣
French translation for forums of Luna Group. Download your french translation for your Luna forum now !
★ 3 7y agoExplain → -
ecci ▣
Javascript calculator to simulate the cost of a vehicle registration document for imports into France. This calculator is publicly accessible under the GPL-3.0 license.
★ 2 2y agoExplain → -
fred ⑂
MDN's frontend since late 2025, built with Web Components, Lit, and SSR for a fast, clean documentation experience. Fred = /fr(ont)e(n)d/.
JavaScript ★ 1 22h agoExplain → -
rari ⑂
Rari is a Rust-based build system that transforms markdown into structured JSON, powering MDN Web Docs content and translations since 2024.
Rust ★ 1 18d agoExplain → -
content ⑂
The forked source for MDN Web Docs content. Home to over 14,000 pages of documentation about HTML, CSS, JS, HTTP, Web APIs, and more.
Markdown ★ 1 18d agoExplain → -
data ⑂
This repository contains general data for Web technologies
JavaScript ★ 1 27d agoExplain → -
me
A web developer since 2009, I list my experience and skills on an online resume.
HTML ★ 1 3d agoExplain → -
archive-history-content ▣
(Disabled 01 Jun 2026) Script to check the latest page changes by date (old method) between the desired language and the original language.
TypeScript ★ 1 2mo agoExplain → -
da-mlg ▣
Tools for managing "Garantie Jeunes" activity declarations
PHP ★ 1 6y agoExplain → -
RpgJavascriptGame ▣
DevFullStack Game
JavaScript ★ 1 6y agoExplain → -
JSCalculator ▣
A virtual calculator in javascript with memories
JavaScript ★ 1 6y agoExplain → -
Mastermind ▣
A javascript Mastermind game
JavaScript ★ 1 6y agoExplain → -
PongGame ▣
No description.
JavaScript ★ 1 6y agoExplain → -
tristantheb-Production
No description.
PHP ★ 1 3y agoExplain → -
zohowidget_ecci_module ▣
This zoho widget lets you integrate a calculation form for car registration documents imported into France into your home pages.
★ 1 2y agoExplain → -
duplicate-detector ▣
Count and list duplicates of XLS files with a single executable
Jupyter Notebook ★ 1 1y agoExplain → -
binominal-result-graph
An easy-to-use tool for generating and visualizing binomial distribution graphs.
Jupyter Notebook ★ 1 1y agoExplain → -
yari ⑂ ▣
The platform code behind MDN Web Docs
TypeScript ★ 1 10mo agoExplain → -
awesome ⑂
A curated list of awesome projects powered by (and powering) MDN Web Docs
★ 1 8mo agoExplain →
No repos match these filters.