Technologies
Rails, View Component, HTML (HAML), CSS (Bootstrap, SCSS), JavaScript (Turbo, Stimulus, Lit), tooling (Webpack)
Enchanté, je suis Romaric et je construis des sites web depuis plus de 14 ans maintenant. En cours de route, j'en suis venu à m'intéresser de près à l'accessibilité et aux performances, qui permettent d'offrir une bonne expérience au plus grand nombre.
Je me spécialise dans l'écriture de templates ou composants sémantiques, et de CSS maintenable (de zéro ou en complément de librairies telles que Bootstrap) pour supporter des backends variés: côté serveur comme Rails ou Django, ou côté client comme React ou Vue.
Je suis également très attaché à la protection des données privées, mais je crois beaucoup au partage des connaissances, qu'il s'agisse de code de mes projets perso ou de ce que j'en apprend.
Si je ne suis pas en train de m'occuper de code, vous me trouverez surement en train de dessiner ou peindre, de jouer a des jeux de société ou videos ou encore de courir (parfois après un frisbee).
Avec l'acquisition de CookiesHQ en par Amba en, j'ai conservé les responsabilités de mon rôle précédent, maintenant focalisé sur un seul projet pour aider aux soins des personnes agées plutôt qu'étendu à plusieurs applications:
Rails, View Component, HTML (HAML), CSS (Bootstrap, SCSS), JavaScript (Turbo, Stimulus, Lit), tooling (Webpack)
J'essaie également d'ouvrir les source de parties non-sensibles du code, plus spécialement autour de l'utilisation de composants. J'espère publier les Gem Ruby aussi tôt que possible, en attendant, vous pouvez consulter leur depôts de code:
Un helper Rails pour combiner plusieurs Hash
a utiliser comme attributs HTML, avec un traitement spécial pour class
ou d'autre attributs, suivant configuration (comme data-controller
ou data-action
de Stimulus ou aria-labelledby
).
Reflexion et modules Ruby autour de pattern récurrents lors de l'utilisation de View Component en: présence d'un élément racine, calcul de ses attributs, calcul d'ID ou de noms de classes...
Conception et développement de composants front-end pour diverses applications, en collaboration avec les développeurs backend et designers. Support à l'équipe sur les problèmes front-end.
J'ai également sensibilisé à l'accessibilité, au travers de:
He was a key member of our team, leading the front-end development on many projects. He was our accessibility and ethics champion. He has challenged us more than anyone else, pushing us to constantly improve our processes and the way we approach projects.
We have learnt a lot from him. I think that, going forward, Nic and I will always have a little Romaric's voice in our heads but above all, we're very grateful for the 2 years that he has spent with us.
Nathalie Alpi - Co Founder and Managing Director at CookiesHQ
Système de composants pour structurer l'interface utilisateur et ses futurs développements
Pour structurer le code frontend et aider à en abstraire la complexité de certains patterns, j'ai créé un ensemble de composants utilisant View Component en et Tailwind. De fonctionalités génériques (liens/boutons, formulaires, tables de données) jusqu'à des composant metiers specifique à l'application, j'ai pu travailler du differents niveaux d'abstractions:
Rails, View Component, HTML (ERB), CSS (Tailwind, BEM), JavaScript (Turbo, Stimulus, Preact), tooling (Webpack)
Développement d'un éditeur de graphes pour faciliter la création de vidéos interactives.
En dehors de l'implémentation générale des styles, j'ai plus particulièrement travaillé sur l'éditeur de graphe lui-même. Il permet aux créateurs/trices de cartographier leurs histoires: quelles scènes les composent, quels choix sont offerts à la fin de chacune et comment ceux-ci affectent la scène choisie. Iels peuvent ensuite uploader une vidéo pour chaque scène et exporter leur projet pour le diffuser grace au lecteur interactif de l'application.
Plus particulièrement:
Rails, HTML (HAML), CSS (Bootstrap, SASS, SCSS), JavaScript (RappidJS), tooling (Webpack)
Développement d'un "éditeur de blocs" pour aider la création de variantes d'un comparateur de fournisseurs d'énergie renouvelables.
Pour aider Big Clean Switch à adapter leur formulaire aux utilisateurs/trices ainsi qu'à leurs partenaires, j'ai participé à:
Notamment:
Rails, HTML (HAML), CSS (SASS, PostCSS), JavaScript (Vanilla), tooling (Webpack)
Développement d'un "éditeur de blocs" pour faciliter la création de pages de contenu en support d'un site ecommerce.
Pour aider Patternbank à ajouter des pages de contenu à leur site ecommerce, j'ai participé à la construction d'un "éditeur de bloc". Il permet de construire les pages en combinant des sections configurables. L'aspect visuel fort de ce site a demandé de se pencher particulièrement sur:
D'un point de vue plus technique:
Rails, HTML (HAML), CSS (SASS, PostCSS), JavaScript (Vue, Vanilla), tooling (Webpack)
Implémentation de changements de design et nouvelles fonctionnalités à des sites ecommerce en production
Pour des sites comme Good Sixty en, Patternbank en ou Roughtrade en, j'ai implémenté les changements d'interface utilisateur/trice, notamment:
Rails, HTML, CSS (SASS), JavaScript (jQuery, Turbolinks)
Je suis parti de CookiesHQ de côté quelques temps pour des expérimentations personelles. J'ai développé quelques expériences mais aussi des projets plus aboutis:
Explorer la génération de site statiques, l'internationalisation et la production d'articles
Repartant de zéro, j'ai reconstruit ce site en utilisant un générateur de site statique (Metalsmith), implémentant des fonctionnalités pour publier à la fois en français et en anglais. Des [articles sur le blog][/fr/posts/] documentent en détail le processur, du JavaScript pour implémenter les fonctionnalités aux CSS mis en place pour les styles, en passant par des bases d'accessibilité.
JavaScript (NodeJS), Metalsmith, HTML, CSS, Markdown
Collaboration bénévole à une application pour coordonner les volontaires de Knowle West Alliance en qui aident les personnes isolées par la crise du Covid-19
J'ai participé au hackathon EUvsVirus en qui a vu le démarrage du projet et ai continué sa construction après. L'équipe étant très réduite, j'ai pu participer sur des aspects variés: mise en place d'outils pour le front-end, implémentation de templates Django et leur styles avec Bootstrap, mais aussi utilisation de l'ORM de Django pour requêter les données à afficher, personnalisation de l'admin Django, de l'authentification et des e-mails.
Django, HTML, CSS (Bootstrap, SASS), JavaScript (jQuery), tooling (Parcel)
En dehors de travaux pour des clients, et de ce site, je bricole aussi sur différents projets: petites applications, outils ou juste expérimentations avec des concepts ou technologies qui me semblent intéressantes. En voici quelque uns:
Une application pomodorro réalisée avecSvelte (sources sur Gitlab) en ou le temps de repos augmente si l'on dépasse les 25 minutes de travail.
Une application (plus toute jeune) React (sources sur Gitlab) en où les tâches se confrontent les une aux autres pour décider de leur priorité.
Un middleware ExpressJS pour déclarer les routes avec des fichiers et dossiers, nostalgie des jeunes jours de PHP.
Détourner la syntaxe de JavaScript avec Babel pour essayer d'en faire un langage de template. Extrêmement expérimental.
Une application Svelte qui illustre une idée pour dessiner une courbe de Bézier passant par une liste de points.
J'ai beaucoup appris de ce que les autres ont partagé. Il me semble donc normal d'essayer de rendre la pareil (avec un succès mitigé sur la régularité):