Mon CV (développeur web, intégrateur XHTML/CSS & sites dynamiques)

Informations personnelles :

• Nom : HOFFMANN
• Prénom : Nicolas
• Âge : 44 ans.

Cursus et diplômes :

• 2001 à 2003 : obtention d’un D.U.T Services Réseaux de Communication à l’Université de Savoie (3^e de la promotion, mention Bien).
• 1998 à 2001 : DEUG MIAS à l’Université de Savoie à Chambéry.
• 1998 : obtention du Bac Scientifique option technologie industrielle.

Compétences :

• Langages/compétences : XHTML/HTML5/CSS/responsive - ARIA - JavaScript/DOM/JQuery - React - PHP/mysql/SQL (notions) - ASP (notions) - XML - SVG - habitude des contraintes techniques de référencement (SEO) et d’optimisation qualité/performance - Accessibilité des sites Web - GIT
• Certifié Opquast : 970 points sur 1000, niveau expert.
• Conception et traitement de l’image : Photoshop/Illustrator (notions)

Expérience professionnelle actuelle :

Octobre 2018 jusqu’à présent, employé par la société Proton en tant que Software engineer, actuemment senior UXE engineer :

Création des styles et de l’UI (mode sombre, thèmes, etc.) sur les applications React :

• Proton Mail v5 (messagerie sécurisée par chiffrement)
• Proton Calendar (calendrier sécurisé par chiffrement)
• Proton Account (gestion de compte et d’inscription)
• Proton Drive (stockage de fichiers, sécurisés par chiffrement)
• Proton VPN settings (gestion des paramètres de Proton VPN)
• Intégration et maintenance HTML/CSS d’autres applications web, de sites statiques (Proton, Proton VPN), mise en place d’internationalisation/localisation de sites/applications, bonnes pratiques, accessibilité, etc.
• Gestion de l’équipe UXE : sprint planning, Engineering management, OKRs/roadmaps, etc.

Autres réalisations/formations

• Formations des équipes Proton aux notions d’accessibilité et de tests d’accessibilité, documentation, revues d’applications et interventions
• Formations des équipes Proton aux problématiques de traductions et d’internationalisation, documentation et interventions à ces sujets
• Traductions francophones des applications/sites et autres contenus
• Création du projet Van11y (pour Vanilla-Accessibility, réécriture en Vanilla JavaScript des plugins accessibles jQuery)
• Création et maintenance de composants d’interfaces riches accessibles (plug-ins jQuery/ARIA)
• Création et enrichissement de Röcssti, un « micro-framework » CSS.

Autres formations

• Présentation en meetup informel aux équipes de Doctolib sur les problématiques d’accessibilité : Accessibility for Doctolib (slides)

Conférences, articles :

Conférences en tant qu’orateur

• Orateur lors de BDX I/0 2024 : Implémenter l'IA dans le navigateur en respectant la vie privée, facile ? (slides)
• Orateur à l’EMDay 2022 sur le sujet suivant : Proton Mail : tracking, rendu HTML… les contraintes d'un webmail orienté vie privée.
• Orateur à Blend Web Mix 2021 : CSS est facile, quelques lignes avec la dernière approche/techno/framework à la hype, on fixe tout ! (slides).
• Orateur à We Love Speed 2019 : Diminuer le poids d’une interface d’un client mail via CSS/SVG (Slides).
• Orateur à Riviera Dev 2019 : L’internationalisation des sites, comment s’y prendre ?.
• Orateur à Sud Web 2018 : 15 ans de métier, et tant besoin de mentors (présentation).
• Orateur à Codeurs en Seine 2017 sur le sujet de l’amélioration progressive : L’amélioration progressive, des sites à l’épreuve des balles (Slides).
• Orateur à l’Opquast Day, ateliers et présentation d’une checklist sécurité dédiée aux sites : Opquast Day - Sécurité des sites et applications Web.
• Orateur à Paris Web, ateliers sur les sujets de CSP : CSP, C’est Super Palpitant, ainsi que sur les composants accessibles : Des composants accessibles et de qualité, le double effet kiss cool.
• Orateur à Codeurs en Seine 2016, pour 2 sujets : Content Security Policy, ainsi que L’internationalisation des sites Web.
• Orateur à Paris Web 2016, sur le sujet de l’accessibilité : L’accessibilité décomplexée - ce qu’elle peut faire pour vous.
• Orateur à Web In Alps 2015, sur le sujet de Google Analytics : Google Analytics vu du développeur.
• Orateur à Paris Web 2015, sur la présentation de CSP : Content Security Policy.
• Co-orateur à Paris Web 2014, sur le sujet de la Qualité Web : Qualité web : l’heure de passer à la caisse.
• Orateur à l’Accessiday 2014, sur le sujet des contrastes de textes : Les contrastes de textes.
• Orateur à Paris Web 2013, sur trois sujets :
  • Une mini-conférence nommée L’intégration, ce monde du « ça dépend » ;
  • un lightning talk nommé « j’ai décidé d’arrêter de sauver le monde » ;
  • un atelier nommé Et si on enrichissait nos frameworks CSS ?, co-présenté avec Raphaël Goetter.
• Orateur à la KiwiParty édition 2013, sur le sujet de Google Analytics vu de l’intégrateur/développeur.
• Orateur à Paris Web 2012 pour un lightning talk : l’intégration CSS sortie des dogmes.
• Co-orateur à la conférence Mobile W.A.R : Web mobile, Applications et Responsive design.
• Orateur à la KiwiParty édition 2012, sur le sujet de jQuery Mobile et les applications web, site exemple créé pour l’occasion : le site de la KiwiParty avec jQuery Mobile.
• Orateur à Sud Web édition 2012 pour un lightning talk sur le sujet Open Web, le combat continue.

Co-directeur du collectif Openweb, animation du collectif et écriture d’articles

• les intérêts d’utiliser la spécification Referrer Policy
• les intérêts d’utiliser la spécification de sécurité SubResource Integrity
• les possibilités de la spécification de sécurité CSP : Content Security Policy,
• la démarche et la méthode de création de plug-ins accessibles : Création de plug-ins accessibles, une démarche,
• une série de dix articles sur les principes modernes de construction de CSS (performances, maintenabilité, etc.) : Grands principes de construction moderne de CSS,
• les coûts de la non-qualité versus les coûts d’obtention de la qualité sur le Web, co-écrit avec Élie Sloim : CNQ et COQ sur le Web : qui va gagner ?,
• les coûts de la non-qualité sur le Web, co-écrit avec Élie Sloim : Le coût de la non-qualité sur le Web,
• la gestion de la césure (coupure des mots) en CSS sur les sites Web : La gestion de la césure en CSS, également disponible en anglais : Managing hyphenation with CSS,
• l’importance de gérer correctement le focus clavier sur les sites Web : Rétablissons l’outline,
• l’évolution de la pratique des commentaires conditionnels sous Internet Explorer : Les commentaires conditionnels : passé, présent et futur,
• un retour d’expérience concret sur le concept de la dette technique : La dette technique en exemple,
• les bases d’une relation saine entre clients et prestataires Web : Prestataires Web : quelques conseils pour une relation claire et durable,
• l’évolution des pratiques et des dogmes en CSS : CSS, l’âge de raison,
• les possibilités du fichier htaccess : Le fichier htaccess,
• les problèmes posés par les préfixes CSS en production : Les préfixes constructeur, traduit en anglais : Vendor prefixes,
• l’évolution des compétences de l’intégrateur : De l’intégrateur au développeur front-end : un maillon essentiel de la qualité Web,
• les contrastes des textes (accessibilité, lisibilité des sites internet) : Améliorer les contrastes des textes des sites internet,
• un troisième article sur les performances web : Les sprites CSS, performance et maintenabilité,
• un second article sur les performances web : Les performance web, pour aller plus loin,
• une introduction au domaine des performances web : Introduction à la performance web,
• l’adaptation de sites pour les Smartphones : Adapter un site pour les Smartphones,
• les possibilités et les écueils des CSS destinées à l’impression : Maitriser l’impression CSS,
• l’internationalisation des sites via UTF-8 : Changer de jeu de caractères pour UTF-8,
• les possibilités des CSS pour gérer les présentations alternatives d’un site : Avoir plusieurs présentations alternatives pour votre site.

Autres articles

• Traduction en français du chapitre CSS du Web Almanac 2019.
• Traduction en français du chapitre accessibilité du Web Almanac 2019.
• Écriture d’un article chez Dareboost : Déployer CSP : une approche en 5 étapes (également disponible en anglais : Deploying CSP: a 5-step approach).
• Écriture d’un article pour Smashing Magazine : Content Security Policy, Your Future Best Friend.
• Traduction de la page sur le MDN en français : SRI, en français.
• Écriture de trois articles pour le magazine Web du Train de 13H37 :
  • Google Analytics, ce qui a changé ,
  • Connaitre l’efficacité d’un site via Google Analytics,
  • Conseils pour mieux gérer des projets complexes.
• À l’occasion du calendrier de l’Avent « 24 Jours de Web » (édition 2014) : Avoir la vision d’ensemble.
• À l’occasion du calendrier de l’Avent « 24 Jours de Web » (édition 2013) : Le temps est sans importance.
• Écriture d’un retour d’expérience de mise en place de qualité Web pour le site W3qualité : La qualité Web, un tramway nommé désir.
• À l’occasion du calendrier de l’Avent « 24 Jours de Web » (édition 2012) : Les id sont nos amis,

Membre d’Alsacréations, écriture de plusieurs articles/astuces

• Tour d’horizon sur HTTPS et les en-têtes de sécurité
• jQuery Mobile par l’exemple : la Kiwiparty,
• Comment interdire le mode de compatibilité d’IE,
• Utiliser PHP pour gérer vos styles CSS,
• Les sprites CSS,
• Introduction à la balise vidéo de HTML5,
• Activer l’impression des éléments HTML5 sous Internet Explorer.

Autres références

• Création de divers outils pour le webmestre : un générateur de formulaires web, un générateur de tableaux XHTML, et un crypteur d’adresses e-mail.
• Création complète, maintenance et enrichissement de Nicolas-Hoffmann.net (mon site personnel) : 26 CSS différentes pour divers cas de figure (impression, smartphones, petit écran, utilisation des media-queries, etc.), score avoisinant les 100% à la démarche qualité Opquast.

Autres expériences professionnelles :

J’ai fait partie du staff de Paris Web en 2018 et 2019 (communication, suivi orateurs et sujets, animation de salle, etc.).

Pour voir d’anciennes expériences professionnelles, vous pouvez consulter cette page : mes anciennes expériences professionnelles.

Langues étrangères :

Anglais et Italien (parlés et écrits)

Loisirs :

Cinéma - lecture (mythologie grecque et romaine, science-fiction) - informatique (création de paysages en images de synthèse, passion pour les animations) - communication - photographie numérique - jeux de société
Sports : natation - roller - volley - ski de fond et ski alpin

Divers :

Titulaire du permis de conduire et véhicule personnel (possibilités de déplacement) - Permis G de travail en Suisse