CSS  »  Guide  »  Guida CSS di base 

Con questa lezione inizia l'ultima parte della guida. Intendiamo fornirvi una lista di risorse utili per approfondire la conoscenza di un argomento talmente complesso e affascinante da non poter essere compreso se non in minima parte nelle nostre lezioni. Iniziamo con una serie di strumenti in grado di assistere l'opera di sviluppo e di test dei fogli di stile.

Tabelle di compatibilità

Si tratta di utilissime tabelle che visualizzano il supporto delle proprietà dei CSS2 nei vari browser. Da qui, fatta l'analisi del vostro target tecnologico (quali browser supportare e quali no) potete partire per valutare quali proprietà o costrutti presentano problemi di implementazione.

CSS2 tests di Peter-Paul Kock: ottima, ricca di esempi, ma limitata alle novità introdotte con CSS2.

CSS1 and CSS2 browser support info: Westciv software è la casa produttrice di due ottimi editor dedicati ai CSS. Sul suo sito ospita centinaia di eccellenti risorse su (X)HTML e CSS, molte delle quali gratuite. La tavola di compatibilità è fra le più complete, poichè comprende CSS1 e CSS2. Non è considerato tra i browser Mozilla, ancora in beta-version al momento della pubblicazione. Le indicazioni per Netscape 6 sono comunque indicative (ripeto: indicative!).

Web Review Master Compatibility Chart. La madre di tutte le tabelle di compatibilità. Aggiornata al 14 gennaio 2001. Non comprende Explorer 6 e Mozilla.

CSS2 selectors Support Chart. Sempre da WebReview. Tabella di supporto dei selettori CSS2.

Test

Le pagine di test hanno una filosofia diversa. In questo caso si parte in genere da una lista di proprietà, selettori e costrutti e se ne verifica il funzionamento con pagine costruite ad hoc. L'ideale è visitarle con diversi browser per verificare eventuali incongruenze nel rendering.

Css test suite del W3C. Ubi maior.....La serie di test è limitata a CSS1.

CSS2 Test Suite. Prototypical Pages. Già citata. E' l'opera di Eric Meyer che completa il lavoro del Consorzio. Monumentale.

Altre batterie di test, meno complete, ma spesso utili perché dedicate ad argomenti specifici sono presenti in rete.

Postilla: al momento di concludere questa guida risultava da qualche giorno irraggiungibile il sito RichInStyle.com. E' in assoluto la più grande e precisa banca dati su bug, test e compatibilità mai concepita. Speriamo che si tratti di un'interruzione momentanea.

Validazione

Come avviene già da tempo per (X)HTML, il W3C ha predisposto sul suo sito un validatore di fogli di stile CSS. Da questa pagina potete accedere all'elenco delle opzioni possibili:

• validare inserendo l'URL remoto del CSS
• copiare il testo del CSS in una textarea
• tramite l'upload del foglio di stile

Per i CSS, a differenza di (X)HTML, non ci sono molte regole sintattiche da rispettare. Basta fare attenzione all'espressione dei proprietà, ai commenti, all'uso delle parole chiave giuste. E' preferibile anche scrivere il codice in minuscolo. Un consiglio che vi do è questo: al momento di validare il file vi viene chiesto il livello di approfondimento del responso. Selezionate, nel menu con etichetta "Warnings" l'opzione ALL. Così avrete modo di visualizzare anche gli avvertimenti. Non sono errori e non inficiano la validazione, ma contengono utili consigli su errori da evitare.

A volte può invece capitare di ricevere risposte criptiche, a prova di Eric meyer, mi viene da dire. Niente problemi. Esiste questa pagina, W3C CSS Validator FAQ, pronta a liberarvi dal panico e a chiarirvi ogni dubbio.

Altri articoli

Altre guide

Altre newsletter