Le projet

CodeKit/CodeKit+

Objectifs

  • – se familiariser avec JavaScript;
  • – développer différents modules;
  • – intégrer des animations aux modules;
  • – publier les modules développés sur GitHub.

Modules

FRAMEWORK

Un ensemble de codes pré écrits me permettant d’éviter de retaper à la main les mêmes lignes de code.

BACK TO TOP

Le premier que j’ai développé est principalement utilisé pour les pages longues : un bouton apparaît en bas de l'écran afin de permettre de remonter instantanément au début du contenu.

BURGER MENU

Surtout utilisé pour le format mobile la nav se transforme en burger menu lorsque la fenêtre est réduite.

SCROLL PROGRESS BAR

Surtout utilisée pour les articles de blog, une jauge se remplit au fur et à mesure que le visiteur fait défiler la page.

SCROLL SPY

Surtout utilisé pour les sites "One Page", les liens du menu s'activent automatiquement pour indiquer quelle section est visible à l'écran lors du défilement.

SLIDER

Contenus qui défilent pour afficher successivement plusieurs images ou messages dans une zone dédiée.

TABS

Surtout utilisé pour ne pas surcharger la page, le contenu est divisé en plusieurs volets qui s'affichent uniquement au clic sur leur titre.

Complication

Bien que les modules de base aient été fournis par mes enseignants, j'en ai pleinement compris la logique interne. Je ne prétends pas encore pouvoir tout recréer de zéro sans support pour l'instant, mais je suis capable de les utiliser, de les adapter et de me les approprier efficacement.

Résultat

Accéder à mon code

Projets suivants

5e projet

Képos

Avec mon équipe, nous disposions d’une semaine pour lancer une entreprise bénéfique à la société.

Mon dernier projet

6e projet

Le web de Zeldman

Site retraçant ma rencontre avec Jeffrey Zeldman et aussi mon tout premier examen.