Lunes, 3 de marzo

Cosas para hoy

  • Llamar a la imprenta
  • Comprar café y sobres
  • Regar las plantas
HTML + CSSTexte et défilement

Liste au crayon sur une page de cahier

Sur une page de cahier lignée, un crayon écrit chaque ligne de gauche à droite puis barre ce qui est déjà fait.

Réglages

16px
1x

Code

<div class="uvq14-nb"><div class="pg"><p class="dt">Lundi 3 mars</p><h3><span class="w" style="--i:0"><span class="t">À faire aujourd'hui</span><i class="pn" aria-hidden="true"></i></span></h3><ul><li class="dn"><span class="w" style="--i:1"><span class="t">Appeler l'imprimeur</span><i class="pn" aria-hidden="true"></i></span></li><li class="dn"><span class="w" style="--i:2"><span class="t">Acheter du café et des enveloppes</span><i class="pn" aria-hidden="true"></i></span></li><li><span class="w" style="--i:3"><span class="t">Arroser les plantes</span><i class="pn" aria-hidden="true"></i></span></li></ul></div><button type="button" class="rw">Réécrire</button></div>

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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Texte et défilement

Voir tout : Texte et défilement

Où l’utiliser

Une page lignée avec marge rouge et perforations pose le décor, et un découpage CSS dévoile chaque ligne pendant qu'un petit crayon la parcourt, si bien que la liste semble écrite en direct. Les tâches terminées reçoivent ensuite un trait de marqueur. Il convient aux applis de tâches, aux agendas, aux listes d'accueil, aux écoles et à tout produit qui parle d'organisation.

Change le titre dans le champ de texte et les tâches dans la liste ; ajoute la classe de tâche faite à celles qui doivent être barrées. La couleur principale est l'encre et la secondaire le trait. Le texte est réel, les lecteurs d'écran le lisent donc tout de suite.