Code Kit

Code Kit est un ensemble de bouts de code.

Image des dossiers qui contiennent les bouts de code de Code Kit

Objectifs

C’est un exercice qui nous a été demandé pour créer des bases de code solides pour la suite de nos projets étudiants. J’ai donc créé moi-même différents codes qui me seront utiles pour d’autres sites web.

Il faut une base claire, la méthode BEM doit être propre, sans problème, avec un code solide sur lequel je peux me baser. C’est un projet créé par moi, pour moi, qui reprend

  • un Back To Top,
  • un Burger Menu,
  • un Slider,
  • un Parallax,
  • un Drop Down,
  • un Scroll Spy,
  • une Sticky Navigation,
  • des Tabs,
  • une Scroll Progress Bar.

Choix graphiques

Ici, le graphisme n’est pas la priorité, donc en général ce sont les styles du navigateur par défaut, puisque j’adapterai le visuel aux sites dans lesquels j’intégrerai mon code.

Contraintes techniques

La plupart des bouts de code étaient expliqués par notre professeur, mais pour avoir un Code Kit complet, j’ai fabriqué des bouts de code comme le Parallax, que nous n’avons pas vus en cours. Ça m’a permis de faire de la recherche et d’apprendre par moi-même.

Résultat final

J’ai un travail solide pour créer d’autres sites web. J’ai appris à faire des recherches par moi-même et à créer du code sans qu’on me l’explique, ce qui amène plus d’autonomie.

Image des dossiers qui contiennent les bouts de code de Code Kit