Ogni tanto capita che io mi perda nei css. E' una brutta cosa, succede per le più svariate ragioni. Evabbè, bisogna farsene una ragione.

Ho un'idea in testa e pensavo di riprodurla graficamente come una serie di post-it coi css. Non so se abbia senso, ma questo articolo è ciò che è venuto fuori da un minimo di ricerche.

La prima idea è una lista di elementi con nastro adesivo trasparente ⬀ per "reggere" i messaggi.

Mi piace molto l'effetto per una lista ma per l'idea che ho in testa un po' troppo ordinato. Lo sfondo colorato aiuta a far "venire fuori" la trasparenza dell'adesivo.

La seconda idea è avere dei post it piazzati a caso ⬀ per la pagina.

Lo stile è semplice, ma soprattutto mi piace la distribuzione fintamente "casuale" dei post-it; purtroppo posizioni e gradi della rotazione vanno gestiti con classi css ad hoc per ogni oggetto - dunque mi servirebbe javascript.

Con questo secondo esempio mi sono accorto che preferisco che i gradi della transform: rotate non siano più di 5-7deg (positivi o negativi), specialmente per testi lunghi. Inoltre il colore giallino-uovo dei post-it pare in entrambi i casi qualcosa di simile a #fefabb.

Il terzo esempio ⬀ ha pure più dettagli, fra cui il "pin" e la firma in basso a destra. Vediamo pure questo, ma si vede che già ero rotto che l'ho personalizzato poco.

Ah, e qui si nota pure la mia avversione per i cambi di font che io imperterrito NON faccio. Ma tutti gli esempi hanno i font cambiati e figherrimi, eh? Sia chiaro che sono io la pecora nera degli csstilisti. Comunque il css è troppo complesso, ma mi piaceva l'idea dello spillo e dell'autore a parte.