Lunes, 3 de marzo

Cosas para hoy

  • Llamar a la imprenta
  • Comprar café y sobres
  • Regar las plantas
HTML + CSSTexto y scroll

Lista escrita a lápiz en un cuaderno

Sobre una hoja de cuaderno con renglones, un lápiz escribe cada línea de izquierda a derecha y después tacha lo que ya está hecho.

Ajustes

16px
1x

Código

<div class="uvq14-nb"><div class="pg"><p class="dt">Lunes, 3 de marzo</p><h3><span class="w" style="--i:0"><span class="t">Cosas para hoy</span><i class="pn" aria-hidden="true"></i></span></h3><ul><li class="dn"><span class="w" style="--i:1"><span class="t">Llamar a la imprenta</span><i class="pn" aria-hidden="true"></i></span></li><li class="dn"><span class="w" style="--i:2"><span class="t">Comprar café y sobres</span><i class="pn" aria-hidden="true"></i></span></li><li><span class="w" style="--i:3"><span class="t">Regar las plantas</span><i class="pn" aria-hidden="true"></i></span></li></ul></div><button type="button" class="rw">Escribir de nuevo</button></div>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Texto y scroll

Ver todos: Texto y scroll

Dónde usarlo

Una hoja de renglones con margen rojo y agujeros prepara la escena, y un recorte de CSS muestra cada línea mientras un lápiz pequeño la recorre, así que la lista parece escrita en directo. Después, las tareas terminadas se tachan con rotulador. Encaja en apps de tareas, agendas, listas de bienvenida, colegios y cualquier producto que hable de organizarse.

Cambia el título en el campo de texto y las tareas en la lista; añade la clase de hecho a las que deban tacharse. El color principal es la tinta y el secundario el tachón. El texto es real, así que los lectores de pantalla lo leen desde el principio.