Date con i CSS

Le date sono un dettaglio a cui sarebbe da dedicare molta attenzione su blog e siti con aggiornamenti frequenti. Ho pensato quindi di riassumere in un post tutorial e ispirazioni per ottenere date graficamente accattivanti.

Segue la lista.

• Dating request di Dave Shea, forse il primo mai
  pubblicato. Peccato che con il redesign del sito l'esempio sia andato perso..
• Hot Dates with CSS, un tutorial con tre esempi di Christian Montoya
• Date con i CSS in italiano, su HTML.it
• Il semplice CSS date blocks for blogs di J Wynia
• il recentissimo Creating a Blog Entry Date Calendar
  Icon Look with CSS, Mostly di Shirley E. Kaiser
• ... e se l'ispirazione non dovesse bastare Styling dates su Design MeltDown

Una piccola nota in conclusione: in alcuni casi vengono usati i div per racchiudere giorno, mese e anno. A parer mio una soluzione simile è da evitare, in quanto in assenza di CSS verranno resi uno per riga essendo i div elementi naturalmente block-level. àˆ quindi consigliabile usare gli span, rendendoli display: block con i CSS. Per il resto, il procedimento è comune in tutti i casi, basta capire come impostare gli sfondi... e avere un po' di pazienza e creatività  con il vostro programma di grafica preferito. Una base di partenza potrebbe essere l'immagine di seguito che ho preparato per questo post:

Se vi va potete segnalarmi nei commenti esempi carini, notevoli, curiosi, interessanti che avete avvistato in rete.