CSS3: cosa è e a che serve.

Il CSS (Cascading Style Sheet) è un particolare linguaggio utile a definire la formattazione di pagine HTML, XHTML e XML. Tale linguaggio è incluso in files detti fogli di stile (style sheets, appunto). Con l’introduzione dei fogli di stile si è voluto separare definitivamente il contenuto delle pagine web dalla formattazione, ottenendo così un codice più chiaro e di più semplice manutenzione, oltre che maggiormente portabile.

Il fine ultimo di ciò è cercare di avere in una pagina Html una grafica sicuramente più accattivante e degli effetti sicuramente più interessanti rispetto al classico codice già esistente.

L’organismo responsabile della standardizzazione e dell’emanazione delle specifiche del linguaggio CSS è il famosissimo W3C, il quale ormai da tempo lavora costantemente sullo sviluppo di un nuovo standard per i fogli di stile, e cioè CSS3.

Sebbene il CSS3 non sia ancora diventato un vero e proprio standard, i moderni browser implementano già molte delle sue funzioni, e ne aggiungono sempre di nuove ogni volta che il W3c pubblica nuove specifiche (ovviamente non essendo ancora ufficiale ogni browser può avere diverse frequenze di aggiornamento e diverse interpretazioni degli standard).

A cosa serve il CSS3

CSS3 dovrebbe risolvere alcuni bug di interpretazione di Internet Explorer ed introdurre migliorie nella gestione degli sfondi e funzionalità avanzate (come bordi arrotondati ed ombreggiature) attualmente impossibili con l’attuale CSS 2.1 (a meno di ricorrere escamotage più o meno elaborati con l’utilizzo delle immagini).

In sostanza effetti e soluzioni che attualmente richiedono tecniche piuttosto avanzate e particolare ingegno del designer saranno rese più immediate e (quasi) alla portata di tutti.

Quindi in parole povere, perchè devo usare il CSS?

1. CSS vuol dire aspetto. Grazie alla semplicità e alla forza di questo linguaggio, possiamo creare tutti i tipi di layout che vogliamo. Se ci ricordiamo i primi anni del web, tutto ciò non era minimamente pensabile.

2. Il CSS ci server per formattare le pagine Web. Di solito viene chiamato foglio di stile ed è associato a una o più pagine Web. Esso può essere interno o esterno ad una pagina.

3. Il CSS ci permette di avere box arrotondati, gradienti di colore, effetti ombra e molto altro. E’ supportato ormai da tutti i browser che utilizziamo, vedi Firefox, Opera, Chromie e Safari, ma non da IE, almeno fino alla versione 8. Il nuovo IE9 è in grado, finalmente, di supportare questo nuovo standard.

Quindi oggi vi vogliamo segnalare 47 utilissimi tool e tutorial (per la maggior parte in lingua inglese)

1. Swatch Book with CSS3 and jQuery

Demo