Il recente CSS for Bar Graphs segnalato anche qui da Cesare Lamanna, spiega un possibile modo per ottenere grafici a barre con i CSS. Non è il primo sul tema, ne conto diversi tra i miei bookmark:
- Drawing with CSS
- An accessible bar chart
- Creating a graph using percentage background images
- Track Your Progress
Trovo questo tipo di articoli molto interessante per il tema non comune e per la moltitutidine
di spunti creativi che possono offrire: basta porsi un po' di domande. Ecco un piccolo esperimento di creatività :
- Qual è il markup più adeguato: div e span, tabelle, liste di definizione?
- E per quanto riguarda il CSS: è possibile usare una sola immagine?
- ..anche per grafici a barre liquidi?
- E se non volessi usare immagini?
- Meglio il grafico orizzontale o verticale?
- Ok, ma gli stili CSS in linea non mi sono mai piaciuti: come è possibile eliminarli?
- E se volessi ridurre al minimo il markup?
- Posso ottenere qualcosa di diverso con Javascript o con PHP?
Sono solo alcune possibili idee: di fronte a una necessità pratica ci troviamo di solito
ad ottenere una soluzione accettabile e a fermarci. Ma quando ci poniamo domande per arrivare a una
soluzione che non nasce da un bisogno, ma dalla nostra curiosità , siamo più predisposti a considerare un più ampio ventaglio di possibilità ed è qui che comincia la vera creatività .