Étiquettes en masking tape
Des étiquettes en masking tape sur une page de carnet : coche-les et elles se collent, décoche-les et elles se décollent.
Réglages
Code
<fieldset class="uvq05-wt"><legend>Étiquettes</legend><div class="ts"><label style="--r:-2deg"><input type="checkbox"><span class="tp">Voyages</span></label><label style="--r:1.5deg"><input type="checkbox" checked><span class="tp">Recettes</span></label><label style="--r:-1deg"><input type="checkbox"><span class="tp">Idées</span></label><label style="--r:2deg"><input type="checkbox"><span class="tp">Lectures</span></label><label style="--r:-1.5deg"><input type="checkbox" checked><span class="tp">Travail</span></label><label style="--r:1deg"><input type="checkbox"><span class="tp">Jardin</span></label></div><p class="ct"><span>Étiquettes collées :</span> <span class="n"></span></p></fieldset>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Filtres
Voir tout : FiltresOù l’utiliser
Les carnets et agendas papier inspirent ce filtre d'étiquettes, où chaque option est une bande de masking tape à motif, aux bords déchirés, posée sur une page lignée avec marge rouge. Les bandes non choisies flottent un peu soulevées et pâles avec une ombre douce ; les choisies se plaquent sur le papier. Tout passe par des cases à cocher et du CSS, avec un compteur.
La première couleur règle l'anneau de focus et le compteur, la seconde le papier. Modifie les couleurs et les motifs de chaque bande dans le code, garde des étiquettes d'un ou deux mots et utilise-le pour des notes, des recettes ou des favoris.