26
04
08

Google Docs implementa i CSS! Rendiamo i titoli usabili, finalmente!

16:42 Code

Finalmente, dopo una sequenza infinita di richieste di svariati utenti, me incluso, Google ha aggiunto il supporto CSS ai suoi Documents.

E così mi son messo immediatamente a lavorare su quello che mi serviva da tempo, ovvero la possibilità di numerare i titoli:

1. Titolone
1.1. Titoletto
1.1.1. Titolino
1.2. Altro Titoletto
2. Grosso Titolone
2.1. Titolino

Il codice necessario è:

body {

counter-reset: header1 header2 header3;

}

h1, h2, h3 {

border-bottom: 1px solid #cccccc;

}

h1:before {

counter-increment: header1;

content: counter(header1) ". ";

}

h1 {

counter-reset: header2 header3;

font-size: 30px;

}

h2:before {

counter-increment: header2;

content: counter(header1) "." counter(header2) ". ";

}

h2 {

counter-reset: header3;

font-size: 20px;

}

h3:before {

counter-increment: header3;

content: counter(header1) "." counter(header2) "." counter(header3) ". ";

}

h3 {

font-size: 15px;

}

Appena ho tempo mi metto a sistemare un po’ meglio i CSS, ma la numerazione e la migliore distinzione dei titoli mi sembrava già di per sé piuttosto critica.

Il supporto non è completo: è necessario un browser che supporti :before, counter(), counter-increment e counter-reset. Qui su Firefox 3.0 pre funziona bene e anche Safari 3.1 gradisce. Anche Firefox 2.0 e Opera, comunque, dovrebbero funzionare. Prova a vedere qui la pagina di esempio.

tags

3 comments

1

Simbul 2008 04 27 at 09:51

Era ora! Nella loro ultima iterazione i titoli di Google Docs erano diventati completamente indistinguibili tra di loro.
Pessima scelta di design, incomprensibile persino per una company gestita da ingegneri :P

Btw ho testato il tuo codice e funziona perfettamente (Firefox 3 beta 5). Thanks ;)
2

Antonio LdF 2008 04 27 at 20:24

L'unica cosa che ho capito è che adesso le pagine di google doc saranno più belline no?
Magari anche meglio indicizzate, no!?

Ma perché ho commentato?
Boh!
3

Folletto Malefico 2008 04 27 at 21:03

Si, anche più belle, ma a quello ci penserò dopo. :P
I titoli invece mi facevano impazzire da sempre. :D