La philosophie
ByNeel c'est un site de dev. Pas un site corporatif. Pas un portfolio Dribbble. L'esthétique devait refléter le code : noir, technique, vivant.
Les ingrédients
- Glassmorphism — Cartes semi-transparentes avec des bordures subtiles. Donne de la profondeur sans surcharger.
- Neon gradients — Bleu électrique → violet → cyan. Chaque projet a son propre gradient pour une identité visuelle unique.
- Particules flottantes — Des symboles de code ({}, //, λ, =>...) flottent en arrière-plan. C'est subtle mais ça donne vie à la page.
- Typographie monospace — Les titres techniques utilisent des polices à chasse fixe pour renforcer le vibe "terminal".
Performance = Design
Un beau site qui lag c'est un mauvais site. J'ai enlevé Motion.js de presque tous les composants et remplacé par des animations CSS natives. Résultat : des transitions fluides à 60fps même sur mobile.
Les règles :
- Pas de backdrop-filter:blur() sur les éléments qui scrollent — ça tue la perf.
- IntersectionObserver au lieu des librairies d'animations — plus léger, plus fiable.
- will-change: transform sur les éléments animés pour activer la composition GPU.
L'avenir est noir
Les écrans OLED consomment moins en dark mode. Les yeux se fatiguent moins la nuit. Et soyons honnête — c'est plus beau. Le dark mode n'est pas une tendance, c'est une évolution.