Stack et méthodes
- Langages et frameworks
- HTML sémantique, CSS moderne (custom properties, container queries), SASS, Vanilla JavaScript, Stimulus. Bootstrap 5 en profondeur.
- Templating côté serveur
- Twig / Symfony.
- Méthodes CSS
- BEM, SMACSS, approche design tokens, mobile-first, defensive.
- Qualité et process
- Recettage systématique avant mise en production, code review du JS écrit par les développeurs back.
Où et depuis quand je le fais
Août 2019 - maintenant / Développeur front-end, référent front @ ComeUp (ex 5euros.com)
- Référent front-end : 7 ans chez ComeUp, 12 ans sur le produit
- Marketplace de services (ComeUp). Continuité rare qui m'a permis de piloter le codebase front sur la durée, de refactorer par cycles, et de conduire des changements structurels sans interrompre le delivery. Seul intervenant sur le HTML et le CSS, auteur de la majorité du JavaScript ; le JS écrit par les développeurs back passe par ma code review avant merge. Retour d'expérience détaillé sur mon blog.
- Design System interne — conception, implémentation, documentation
- Conception et maintenance d'un design system bâti sur Bootstrap 5 : thème Sass unifié (couleurs, typographie, spacing, breakpoints), tokens exposés en custom properties CSS pour permettre la variation runtime, conventions de nommage, composants standardisés à partir des primitives Bootstrap. J'ai également écrit et je maintiens la page de documentation interne qui sert de référence à toute l'équipe.
- Industrialisation du framework CSS
- Rationalisation de l'arbre d'imports Bootstrap (retrait des modules inutilisés), consolidation des feuilles Sass, découpage par entrées Webpack. Objectif tenu : un CSS livré léger, prévisible, sans redondance ni styles ad hoc.
- Sortie progressive de jQuery vers Vanilla JS et Stimulus
- Refactoring continu du legacy JavaScript : suppression des dépendances superflues, réécriture en vanilla puis structuration via des controllers Stimulus. Résultat : moins de dépendances, code plus testable, meilleure performance au parsing, découplage HTML/JS.
- Trois refontes complètes de l'identité visuelle
- Migration du CSS et du HTML à chaque changement d'identité, en continu, sans gel du produit. Chaque refonte a servi à consolider le socle : passage des styles ad hoc à un thème Sass structuré, puis au design system actuel.
- Performance et accessibilité, mesurées et non négociables
- Suivi régulier des Core Web Vitals sur les pages critiques : chasse aux repaints et reflows, contrôle de la CLS et de l'INP, préchargement raisonné des ressources bloquantes. Mêmes exigences côté accessibilité : HTML sémantique, navigation clavier, gestion du focus dans les composants interactifs (modales, dropdowns), contrastes vérifiés. Perf et a11y sont vérifiées au même titre à chaque évolution front.
- Développement continu du produit
- Intégration régulière de nouvelles pages et de nouveaux composants, responsive par défaut, sécurisés par du Defensive CSS pour absorber les contenus utilisateurs imprévus.
Janvier 2017 - août 2019 / UI developer @ BetaSeries
- apprentissage de React, côté UI ᕕ( ᐛ )ᕗ,
- refacto de composants Vanilla avec React (liste de films, agenda, épisodes à voir…) ,
- utilisation du SDK utilisant Redux développé pour l'occasion,
- mise en place de CSS Grid à la place de la grille de Bootstrap.
Septembre 2014 - Janvier 2017 / UI developer et cuisinier de l'humour @ Ouiche Lorraine
5euros.com :
- intégration complète (HTML, CSS, Vanilla, parfois jQuery) de la nouvelle version du site avec Bootstrap et CSS Grid ;
- mise en place d'une stratégie SEO avec une agence dédiée,
- optimisations du front (lazy loading, mise en place de SVG, analyse de la timeline de Chrome…) ;
- tests sur l'UI,
- création de la version mobile,
- participation dans les choix d'UX,
- intégration d'e-mail responsives,
- mise en place de CSS Grid à la place de la grille de Bootstrap,
BetaSeries :
- mise à plat en CSS d'une très grosse codebase en Less,
- refacto des différents modules du site avec utilisation poussée de Flexbox,
- création de la version mobile,
- création d'un mode nuit avec notamment la mise en place des variables CSS,
- refacto du code legacy dans des templates Twig en modules réutilisables,
- TMA venue des utilisateurs.
Octobre 2011 - Août 2014 / intégrateur (Magento, WordPress, intégrations en dur) @ Colorz
- premiers pas dans BEM et SMACSS,
- apprentissage de jQuery, mootools et Vanilla ;
- apprentissage de l'intégration dans Magento et WordPress,
- création de starter-kit pour Magento,
- refacto de codes legacies.
Juin 2011 - octobre 2011 / développeur Web junior @ Quatre Vents :
- intégration de newsletters B2B faites par des graphistes print (oui),
- création de sites évènementiels (support IE6 / 7, j'ai connu) ;
- mises à jour HTML5 / jQuery du site du groupe,
- mise en place d'une coordination des pôles graphistes / dev pour voir ce qui est techniquement possible ou non de faire,
- différentes bannières flash.