Reproduction d'un site existant dans une version CV accessible.
L'objectif de ce projet était d'acquérir une première expérience dans la conception de sites web à partir d'un modèle existant. Le problème n'était pas tant de reproduire fidèlement le design que de respecter les instructions données en cours. Le site créé lundi était assez épuré, mais il n'était pas accessible et ne fonctionnait pas si Javascript était désactivé. Pour ce projet, j'ai donc dû rendre le site accessible et utilisable sans Javascript.
Pour résoudre ces problèmes, j'ai dû trouver des techniques qui reproduisaient fidèlement le comportement du site web, mais sans Javascript, la plupart des animations ont été réalisées à l'aide de CSS pur. Il en va de même pour la barre de navigation au survol, qui affiche un menu déroulant mais qui était auparavant réalisée à l'aide de Javascript, je l'ai donc remplacée par du CSS. Je n'ai pas trouvé de solution pour l'apparition des éléments à l'entrée de la fenêtre d'affichage sans Javascript. J'ai tout de même reproduit cet effet avec Javascript en ajoutant une classe cachée lors du chargement de Javascript. Cela permet aux éléments de rester visibles si JS est désactivé.
La conception du site devait rester fidèle à la version originale, tout en réorganisant les sections pour un contenu axé sur le CV. J'ai donc repensé la structure afin d'intégrer mes informations de la meilleure façon possible, en tirant parti de la mise en page existante.
Les technologies utilisées devaient rester simples, conformément aux instructions. J'ai donc développé l'interface en HTML et JavaScript natif, sans aucun framework. Pour le stylisme, j'ai opté pour SCSS, afin de tirer parti de ses fonctionnalités avancées telles que les variables, les mixins et l'imbrication, qui m'ont permis de structurer mes feuilles de style plus efficacement et de les rendre plus faciles à lire et à maintenir.