Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
floraprvt authored Oct 18, 2020
1 parent 745efab commit 024a673
Showing 1 changed file with 14 additions and 15 deletions.
29 changes: 14 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,32 +3,31 @@

## Qu’est-ce que c’est ?

Oh my food est un site web présentant quatres menus de grands-chefs français. J'ai réalisé ce site web du début à la fin, entièrement en HTML/CSS, durant l’été 2020, dans le cadre de ma formation de développeur web chez Openclassrooms (OC).
Oh my food est un site web présentant quatres menus de grands-chefs français.

Il présente des animations réalisées en CSS sur chaque page pour rendre le site plus attractif.

Vous pouvez voir le résultat ici : https://flora-pvt.github.io/p3-ohmyfood/

Ce projet maintenant fini a été créé à partir de visuels fournies par OC.
Je l'ai réalisé ce site web en HTML/CSS et grâce à Sass, durant l’été 2020, dans le cadre de ma formation de développeur web.

Ce projet a été créé à partir de visuels fournis par Open Classrooms.


## Comment le modifie-t-on ?

Si vous souhaitez utiliser ce projet et y apporter des modifications il est nécessaire d'installer le préprocesseur Sass.

### Pourquoi Sass ?
Si vous souhaitez cloner ce projet pour y apporter des modifications il est nécessaire d'installer le préprocesseur Sass.

Sass permet d'alléger notre CSS et le rend plus facile à maintenir.
Ce préprocesseur permet d'utiliser des fonctionnalités qui n'existent pas encore dans CSS, comme les variables, l'imbrication, les mixins, l'héritage et d'autres bonus astucieux qui rendent l'écriture CSS plus simple à maintenir.
Il permet de créer plusieurs fichiers .sass ou .scss, de les organiser pour savoir rapidement lequel modifier si besoin d'une correction ou d'un ajout, et de les compiler automatiquement en un fichier .css allégé utilisé par notre site web.

### Comment utiliser Sass ?
### Comment utiliser Sass sur ce projet ?

Pour installer et apprendre Sass consultez le site web de Sass qui vous guidera : https://sass-lang.com/
Pour installer et apprendre à utiliser Sass consultez le site Web de Sass qui vous guidera : https://sass-lang.com/

Une fois que vous avez installé Sass, vous pouvez exécuter Sass pour compiler les fichiers .scss en un fichier .css en écrivant dans la ligne de commande de votre terminal :
Une fois que vous avez installé Sass, vous pouvez l'exécuter pour compiler les fichiers .scss en un fichier .css en écrivant dans la ligne de commande de votre terminal :
`npm run sass`

Tant que vous n’interrompez pas le processus, soit en tapant Ctrl+C dans le terminal, soit en cliquant sur la corbeille, le script attendra et sera à l'affût de tout changement à compiler.
Si tout a fonctionné comme prévu, la ligne de commande va repérer le changement puis nous indiquera qu’elle a recompilé le CSS en vert.
Tant que vous n’interrompez pas le processus, le script attendra et sera à l'affût de tout changement à compiler.
Si tout a fonctionné comme prévu, la ligne de commande va repérer le changement puis nous indiquera qu’elle a recompilé le CSS.

Une fois compilés les fichiers en un fichier .css vous pouvez ajouter les préfix nécessaires automatiquement pour tous les navigateurs en écrivant dans la ligne de commande de votre terminal :
`npm run prefix`
Une fois les fichiers compilés en un fichier .css vous pouvez ajouter les préfixs nécessaires pour tous les navigateurs en écrivant dans la ligne de commande de votre terminal :
`npm run prefix`

0 comments on commit 024a673

Please sign in to comment.