SomeNews

Objectif du projet

L’objectif de ce travail était de créer notre propre newsletter en ligne à propos de cette conférence: Matthias Ott — Painting With The Web.

J’ai donc commencé ce travail en regardant la rediffusion de la conférence. Ensuite, j’ai rédigé 4 sections: une présentation de Beyond Tellerrand, une présentation de la conférence, une présentation du conférencier: Matthias Ott et notre avis et ce qu’on a découvert durant cette conférence. J’ai choisi de faire mon site web en anglais car la conférence l'était aussi. C’était donc plus facile pour moi de rester dans la même langue pour en parler. Une fois mes textes finis, j’ai fait plusieurs visuels sur Figma pour voir vers quoi m’orienter avant que je me mette à coder. Et pour la première fois, j’ai pu coder en HTML, en CSS ET en JavaScript.

Des essais oubliés

J’ai réalisé cinq visuels avant de pouvoir être satisfaite du rendu final. J’ai varié les grilles, les longueurs de textes et les dimensions des images pour donner un maximum de rythme et de dynamisme parmi tous ces textes.

Rétrospective

J’ai rencontré quelques difficultés au niveau du code. J’ai eu du mal à positionner les éléments dans ma navigation pour qu’ils ne se superposent pas sur certaines tailles d’écrans. J’ai aussi choisi d’utiliser les CSS Grid, c’était plus facile pour réaliser une partie de mon design. Mais comme nous n’avions pas encore vu ce système en classe, je n’ai pas réussi à rendre cette partie-là responsive.

Malgré les petites difficultés, j’ai adoré réaliser cet exercice. Il m’a permis d’appliquer plein de choses que nous avions vues en classe comme une progress bar, un back to top, les flexboxes,… J’ai eu l’impression de créer pour la première fois un site web qui est complet et qui ressemble à quelque chose.