Passer au contenu principal
Logo

Outils

Une liste assez complète des outils, applications, matériel et autres que j’utilise quotidiennement pour concevoir et coder. Et oui, c’est bien un GIF de Johnny Mnemonic en arrière-plan.

Design

  • Figma est mon outil principal pour le design d’interface ces jours-ci. j’ai fait la transition depuis Sketch en 2020 et je n’ai pas regretté. j’ai également créé quelques plugins que vous pouvez installer.
  • Toutes les animations graphiques que je crée sont réalisées dans Adobe After Effects. Pour l’instant, je n’ai pas trouvé de produit non-Adobe aussi performant. Si quelqu’un a des suggestions, n’hésitez pas à m’envoyer un message.
  • Pour les modèles 3D et le montage vidéo, j’utilise Blender. Depuis la version 2.8, il est devenu beaucoup plus simple à utiliser et, à bien des égards, meilleur que des outils payants coûteux comme 3DS Max ou Maya.

Développement

  • J’utilise VSCode comme éditeur de texte, avec le thème Tokyo Night et Operator Mono comme police de caractères préférée.
  • Google Chrome est mon navigateur principal pour le développement et l’utilisation générale.
  • React est ma bibliothèque Javascript front-end préférée. Le modèle mental centré sur les composants est la première chose qui a vraiment eu du sens pour moi en tant que développeur.
  • Pour les effets 3D et les shaders d’image, j’utilise three.js. L’apprentissage est un peu ardu, mais on peut faire des choses vraiment puissantes avec.
  • Pour le CSS, j’ai utilisé une multitude de préprocesseurs et de solutions CSS-in-JS comme styled-components, mais aujourd’hui j’utilise du CSS natif avec PostCSS pour profiter dès maintenant des futures fonctionnalités CSS.
  • Pour les animations Javascript, j’utilise Framer Motion, c’est un excellent moyen d’ajouter des animations à ressort à React et three.js.
  • Pour construire et tester des composants UI de manière isolée, j’utilise Storybook. Allez voir le storybook de ce site web.

Système

BureauAssemblé sur mesure
Système d’exploitationWindows 11
NavigateurMicrosoft Edge
Écran1440p IPS 144hz LG 27GL850
ClavierTofu65
SourisLogitech G403
Ordinateur portableHP Victus 16
CasqueAudio Technica ATH-M50x/Apple Airpods
MicrophoneBlue Yeti