MD README

🚧 Mettre en ligne Page Index provisoire

À propos des Sites MD

Ce qui va suivre est notre document de travail interne — il ne l'est plus, du coup 🙃. Nous rĂ©digeons ce type de document lors des phases de conception. C'est une maniĂšre pour nous de formaliser les grands principes d'un site Web, et d'en lister les fonctionnalitĂ©s principales. Les Sites MD Ă©tant amenĂ©s Ă  Ă©voluer, ce README — dĂ©finition 📃fr.wikipedia.org/wiki/Readme — se verra Ă©galement complĂ©tĂ© au fur et Ă  mesure des mises Ă  jour.

Concept

Introduction

Nous allons versionner des pages statiques. MD est donc un site Web itĂ©ratif, qui se construit dans un temps long — plusieurs mois. Vous pourrez ainsi suivre chaque Ă©tape de la construction d'un portfolio, du site tout simple, Ă  un site plus sophistiquĂ©.

Journal des Modifications

Tout est transparent, vous pourrez voir chaque mise Ă  jour et ce qui a Ă©tĂ© fait, via un message de modifications, en En-tĂȘte du Site.

Et si vous ĂȘtes curieux-se, vous pouvez Ă©galement aller jeter un Ɠil :

Et mĂȘme utiliser le code mis Ă  disposition pour votre propre site !

Ce projet est donc ouvert, et pédagogique pour les personnes qui débutent dans la construction de sites Internet.

Il n'y a plus ni designer, ni développeur

De plus, ce site nous correspond totalement. S'il ne s'inscrit pas dans une tendance dĂ©finie — non animĂ©, dĂ©jĂ  😏youtube.com/watch?v=gkTb9GP9lVI — il est la traduction de ce qu'est un rĂ©el travail d'Ă©quipe designer ↔ dĂ©veloppeur. Le designer inclut le dĂ©veloppement dans sa dĂ©marche de design. Et le dĂ©veloppeur est crĂ©atif. Il n'y a plus de frontiĂšre entre les deux disciplines.

Design

Inspirations

Notre principale inspiration est le site de Richard Stallman 🔗stallman.org. Il est terriblement laid quasiment dĂ©nuĂ© de toute CSS, mais les informations y sont. Et surtout, le propriĂ©taire du site les possĂšde. Il ne les cĂšde pas Ă  une quelconque entreprise. Le site personnel est donc centralisateur de toutes les informations concernant la personne. VoilĂ .

Dans la mĂȘme idĂ©e, nous nous sommes Ă©galement inspirĂ©s du fameux Motherfucking Website 🖕motherfuckingwebsite.com

Minimalisme

Nous nous sommes fixĂ©s une rĂšgle pour le lancement : un design extrĂȘmement dĂ©pouillĂ©, tout dans la mĂȘme typo, aucune variation. Et nous choisissons de faire ressortir le Header, qui contient le dernier message de modifications, pour insister sur le sens de ce design. Nous le mettons en avant par le plus fort contraste qui soit : si le Header est Ă©crit noir sur blanc, le Contenu est lui Ă©crit blanc sur noir.

Contenu

Les gens ne lisent pas ? C'est ce qu'on va voir !

Nous faisons un pari risquĂ©, le site qui ne contient rien d'autre que du texte et quelques icones, sans image donc. Ce site est radical dans le sens oĂč si vous ne le lisez pas, il n'y a rien Ă  voir, aucun intĂ©rĂȘt.

DĂ©coupage en Sections

Nous dĂ©coupons le Contenu en Sections clairement dĂ©limitĂ©es et espacĂ©es. Juste en dessous du Header, nous trouvons d'abord les Infos ⚠, ensuite un À propos, puis un À propos plus dĂ©taillĂ© — avec Portfolio — et enfin une Navigation en Footer vers les autres Sites.

Toutes les informations dont pourrait avoir besoin quelqu'un qui s'intéresse à notre activité y sont. De plus, le contenu étant servi brut, sans distraction visuelle, il devient agréable à parcourir.

Usage des Icones

Nous nous autorisons l'utilisation d'Icones pour rythmer la lecture et signaler visuellement les liens et leur thĂšme.

3 Couleurs, 3 Saveurs

Couleurs

Maylis Agniel a son site personnel et sa couleur, pareil pour David Authier. Tous les Sites Ă©tant sur le mĂȘme modĂšle, nous crĂ©ons de la reconnaissance par la couleur.

Les couleurs des Sites pourront changer pour des occasions spĂ©ciales. Le design Ă©tant simple, il peut accepter n'importe quel couple de couleurs contrastĂ©es en fait. Pensez-y si vous crĂ©ez votre page personnelle Ă  partir du code mis Ă  disposition sur le Repo public (En) 🚧github.com/wearemd/wearemd-readme 😎

Saveurs

🐟 + đŸ”„ = 🍌

Pourquoi ? Peut-ĂȘtre que nous l'expliquerons un jour.