CSS Check, presente sul sito WDG Web Design Group e analogo al CSS Validator, fornisce avvertimenti ancora più dettagliati (ha però il limite di non supportare adeguatamente le nuove proprietà introdotte dalle specifiche CSS2 rispetto alle precedenti specifiche CSS1). tra i "warning" più frequenti, ce ne sono tre in particolare di cui è utile tenere conto:
Il primo avvertimento suggerisce di inserire, a seconda dei casi, una famiglia di caratteri generica tra i valori della proprietà font-family. Le scelte possibili sono cinque: serif, sans-serif, cursive, fantasy, monospace. Uno dei casi in cui capita di ricevere questo avviso dal validatore dei CSS è quando si precisa un tipo di carattere con grazie o senza grazie, senza indicare ‘serif' o ‘sans-serif' come ultima scelta della proprietà font-family. Se abbiamo per esempio lo stile:
body, p {font-family: arial, helvetica}
l'avviso del validatore ci induce a modificarlo così:
body, p {font-family: arial, helvetica, sans-serif}
Analogamente, se abbiamo:
body, p {font-family: georgia, times}
è consigliabile modificare in:
body, p {font-family: georgia, times, serif}
Tale sistema consente al browser, in caso di mancanza sul computer dell'utente dei caratteri indicati specificamente dal CSS (Georgia, Times, arial, ecc.), di utilizzare un carattere sostitutivo generico - con grazie (serif) o senza grazie (sans-serif) a seconda di ciò che l'autore del CSS ha indicato - che possa sostituire con la migliore approssimazione il tipo di carattere mancante (sui caratteri serif o sans-serif cfr. l'articolo "I font e la tipografia del testo" di Pro.html.it. Cogliamo l'occasione per ricordare che, ai fini dell'accessibilità, i caratteri senza grazie (detti anche "a bastone") come arial, Helvetica e Verdana risultano di gran lunga più leggibili dei caratteri con grazie.
Metro, il "linguaggio di design" di Windows 8I principi ispiratori del "linguaggio di design" utilizzato da... |
Bootstrap: il framework di TwitterSviluppare applicazioni web sfruttando il framework con cui è stato... |
Sfondi a tutta pagina con jQueryCome avere degli sfondi a tutta pagina sui vostri siti web, per... |
Grid design, dalla tipografia al webDesign coerenti e layout consistenti, usando principi di... |
Art Direction e DesignCapire la differenza tra la direzione artistica di un progetto e il... |
Guida Pubblicare un sito webLe verifiche fondamentali da effettuare prima del lancio di un nuovo... |
Guida Web WritingSaper scrivere per il Web è una delle armi per attirare utenti e per... |
Guida Accessibilità dei siti Web teoricaQuesta guida è finalizzata sostanzialmente a una conoscenza e a una... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |