Un des grands apports des Formules 2.0, c’est qu’elles permettent maintenant de mettre en forme leur contenu pour rendre les informations plus visuelles, plus attractives, plus lisibles.
A coup de variables, de styles et de liens, nous allons créer des formules qui vont afficher de manière bien plus lisibles et accessibles toute une série de données textuelles et chiffrées.
Nous créerons même un petit système esthétique de boutons que nous pourrons ré-utiliser plus tard, dans les prochains modules.
Il y a trois étapes dans ce défi :
La première partie du défi est assez simple, mais te permettra de directement utiliser des styles pour créer ces items qui ressemblent à des propriétés Etat.
Ce premier exercice te permettra également de réutiliser les apprentissages des semaines précédentes au niveau des conditions.
La deuxième partie du défi consiste à créer un bouton qui va permettre d’envoyer un mail aux membres assignés à une tâche ou projet
En petit bonus, dans la correction, je t’apprends même à créer une variable qui te permet d’appliquer toute une série de styles en une fois. Petit indice ? Utilise les crochets [ ] 😉
Au-delà des barres de progression qui te permettent de te rendre compte de l’évolution d’un projet, tu peux même utiliser les styles pour “colorer” les pourcentages calculer et mieux marquer l’évolution des tâches et projets. La couleur change donc du rouge au rose au mauve au bleu au vert à chaque tranche de 20%.
Allez, on va s’y mettre ? Regarde la vidéo des consignes
https://vimeo.com/903036087?share=copy
Alors, maintenant que tu as tout ça, utilise le template ci-dessous, crée-toi des nouvelles propriétés du type formule et tente ta chance pour recréer tout ça
<aside> <img src="/icons/notion_red.svg" alt="/icons/notion_red.svg" width="40px" /> Utilise le template 👇🏻
Template pour Style, liens et couleurs
Et plus spécifiquement, pour chaque partie du défi :
