General Purpose

Ecco un altro motivo per essere orgoglioso di essere sardo.

Speriamo non siano solo parole!

Primo giorno di lavoro: inizio questo pomeriggio. Dopo circa un anno, ritorno a lavorare all'HIIS Lab dove partecipo al progetto Il testo elettronico accessibile agli studenti con disabilità visiva finanziato dal Ministero dell'Istruzione e in collaborazione con l'Istituto classico - magistrale liceo Machiavelli di Lucca.

Come si crea una tabella XHTML con le righe a colori alternati? Semplice usando CSS. Vediamo come. Innanzi tutto il codice di markup:

<table summary="tabella di esempio: le righe dispari
hanno sfondo bianco mentre quelle pari hanno sfondo
celeste pallido.">
  <tr>
    <th>Intestazione 1</th>
    <th>Intestazione 2</th>
  </tr>
  <tr>
    <td class="odd">contenuto cella 1</td>
    <td class="odd">contenuto cella 2</td>
  </tr>
  <tr>
    <td class="even">contenuto cella 3</td>
    <td class="even">contenuto cella 4</td>
  </tr>
  <tr>
    <td class="odd">contenuto cella 5</td>
    <td class="odd">contenuto cella 6</td>
  </tr>
  <tr>
    <td class="even">contenuto cella 7</td>
    <td class="even">contenuto cella 8</td>
  </tr>
</table>

Le celle delle righe dispari appartengono alla classe odd mentre le celle delle righe pari appartengono alla classe even. Si obietterà che bastava definire le classi sulle righe, per intenderci sugli elementi tr, ed io vi rispondo con una domanda: funziona su tutti i browser?

Fatto il markup ora scriviamo le regole di presentazione, i CSS. Ecco le semplici regole:

table
  {
    /* elimina gli spazi tra le celle */
    border-collapse: collapse;
    /* centra la tabella nella pagina */
    margin: 0 auto;
    padding: 0;
    width: 80%
  }
			
td
  {
    color: #000;
    margin: 0;
    padding: 0.2em
  }
			
td.odd
  {
    background-color: #fff;
  }
			
td.even
  {
    background-color: #d4dde5;
  }

L' esempio mostra il risultato che si ottiene.

Ringrazio Antonello per questa perla.

Se dovete lavorare ad un progetto, piccolo o grande che sia, la pianificazione e la gestione delle risorse sono due fattori importantissimi. Per aiutarvi a tenere a bada questi due fattori potete usare GanttProject un software gratuito, open source e multipiattaforma.

Molto usabile e veloce. Ho provato vari siti scritti secondo gli standard del W3C e non ho riscontrato nessun problema di rendering delle pagine. Il pannello delle impostazioni è minimale ed esiste persino un tab dal titolo Roba da smanettoni che contiene le opzioni avanzate di Chrome. Inoltre è disponibilie un task manager con tanto di Statistiche per nerd.

Pare sia stata individuata una vulnerabilità che compromette la sicurezza di Chrome, ma ciò è dovuto al fatto che il componente WebKit utilizzato in questa versione preliminare non è aggiornato: infatti la vulnerabiliità era già nota per cui un aggiornamento del WebKit risolve il problema.

Concludendo, la prima impressione è stata molto positiva.