Una parecchio rapida introduzione a BluePrint (css framework)

Un amico mi ha chiesto delucidazioni su BluePrint, e mi sembra ne valga la pena di ripubblicare qui alcuni paragrafi con cui gli ho risposto.

> ho letto la guida e provato questo blueprint.. ma francamente non ho capito
> cosa dovrebbe fare!! ho visto che solo con i css riesce (in caso di stampa)
> ad aggiungere il path del link attraverso i CSS3, era questo che volevi
> farmi vedere?

Fa tante cose.

Ha un css che “resetta” i valori di default che ogni browser dà ad alcune classi, così hai una base di partenza unica su ogni browser. Ha un css con svariati hack per IE6/7, incluso il fix png (è comodo
perchè non devi ricordarti tu di metterlo a mano in qualsiasi lavoro che fai).

Il framework vero e proprio non sono altro che un insieme di classi già incluse in questo blueprint che ti permettono di creare un layout come ti pare e piace senza scrivere una riga di css ma semplicemente
usando apposite classi (e qui vanno studiate nella documentazione).
Vedi ad esempio il codice html di http://www.blueprintcss.org/tests/parts/sample.html
Le classi che vengono usate in tutti i div sono dichiarate tutte all’interno del super-css di blueprint.

Poi anche per gli elementi, stesso discorso per il layout: http://www.blueprintcss.org/tests/parts/elements.html
Tutti già pronti per esser usati!

Per i form, idem, son comodi anche per dargli un aspetto standard sui vari siti che fai: http://www.blueprintcss.org/tests/parts/forms.html

Siccome sei un grafico e sai il CSS, nulla ti vieta di estendere le classi di blueprint per esigenze particolari, il guadagno di un sistema del genere è che ti risparmi dallo scrivere l’infrastruttura CSS che magari tu ti sei già fatto accumulando lavori in passato, ma sicuramente non è completa e mantenuta costantemente come questa.

Tags: blueprint, css, framework