Aller au contenu

JavaScript est désactivé

Pour une meilleure expérience, veuillez activer JavaScript dans votre navigateur.

Projet CV

Projet CV

Reproduction d'un site existant dans une version CV accessible.

Vignette du projet CV

À Propos du projet

Du ProjetÀ Propos

Problème

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.

Solution

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é.

Colorimétrie du projet

Du ProjetColorimétrie
  • Cliquer pour copier
  • Noir
  • Blanc