Di seguito alcuni link utili di supporto a CSS3:
CSS3 Generator – Generatore codice CSS3 tramite form parametrizzata con possibilità di anteprima
CSS3 & HTML5 Browser Support – Tabella di compatibilità dei browser
CSS3 PIE – Libreria javascript per aggiungere il supporto css3 a ienternet explorer 6-8
La direttiva CSS font-face sotto internet explorer funziona soltanto se i font da scaricare sono di tipo eot (embedded open type). E’ possibile convertire un font true ttf in eot per mezzo dell’utility ttf2eot che possiamo trovare a su http://code.google.com/p/ttf2eot/
Una volta scaricato e decompresso il pacchetto tgz dei sorgenti è possibile compilare l’utility con un semplice make non prima di avere installato il pacchetto build-essential sulla nostra Ubuntu.
Compilato ttf2eot è possibile utilizzarlo nel seguente modo
ttf2eot < font.ttf > font.eot
E’ possibile trovare anche un’esempio di codice html/css per l’utilizzo di font-face direttamente su http://code.google.com/p/ttf2eot/wiki/Demo
Con il seguente codice html / css è possibile centrare un div con attributo position impostato su fixed sia in orizzontale che vericale:
Ecco un modo per avere un div che si estende per il 100% in altezza:
<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <style type="text/css"> html,body { height:100%; margin:0; } div.toptobottom { height: auto; min-height: 100%; margin-left: auto; margin-right: auto; width: 350px; background-color: #c080ff; color: white; text-align: center; } </style> </head> <body> <div class="toptobottom"> Questo è il div che si estende per il 100% in altezza </div> </body> </html>
Vedi l’esempio toptobottom.html.
Segnalo questo interessante sito www.quirksmode.org che può interessare a chi sviluppa sul web.
Vegono affrontati il livelli di compatibilità dei prinipali browser, DOM, CSS, JavaScript e molto altro.
Gli ultimi commenti