Mimicry Diario

Novembre 2007

SOMMARIO

• Riconoscimenti
• Contro nessuno
• Altra email di risposta
• Ritorno alle origini
• Debugging
• Internet Explorer 7 sbarca a Vasto
• Risposte
• Mattina
• NON comprate questo libro
• Bug di Internet Explorer

Riconoscimenti

26 novembre 2007, 07:09

Scaricato una bella email stamattina:

> Thank you so much for this, Gabriele. I just took a few minutes to
> look, and I will be back to study your examples more.
> This definitely looks valuable.

It certainly is! I have already had a look with a view to fixing a strange issue that's been bugging me (layout example at http://www.webdev-academy.com/example/test-layout.php - IE of course). Gabriele has helped me understand the problem (example at http://www.css-zibaldone.com/test/css21/floats/shrink-auto/ ). Also, I am passing Gabriele's link to postgraduate students I assist.

Impressive reference, especially it's relevance to today's browsers compared to the glut of inconsistent material presented by search engines. I will play with it a bit more tomorrow.

Thank you Gabriele!

Mike A.

Un'altra citazione su http://www.semplicemente.org/2007/11/i-test-di-css-zibaldone/. Grazie a tutti!

PS: postgraduate si riferisce ad un corso di specializzazione post-laurea. Il mio inglese va rivisto: pensavo si trattasse delle scuole superiori!

Contro nessuno

25 novembre 2007, 19:49

Riporto la parte conclusiva della mail di Gerard sui miei test:

Finally, I understand you started a long time ago writing this book. It's too bad that you can not (or do not) mention the MSIE 7 support for the testcases.

Questo mi da lo spunto per chiarire la mia posizione nei confronti dei browser. Fondamentalmente, io seguo alcuni princìpi:

1. Posizione neutrale nei confronti dei browser.

   Questo significa che non parteggio per questo o quel browser, ma mi limito a descriverne le varie caratteristiche, gli eventuali bug e le soluzioni.

2. Posizione neutrale nei confronti delle piattaforme.

   Questo significa che non parteggio per questo o quel sistema operativo, ma mi limito ad usarne il più possibile evidenziando i pregi e i difetti di ognuno. Le crociate non mi interessano.

3. Fede nell'interoperabilità.

   Credo che i browser possano imparare gli uni dagli altri nel comune interesse dello sviluppo globale del Web.

Il terzo punto serve a capire i miei test. Il mio scopo è quello di confrontare la resa di quelle pagine su più browser (lo dico anche nelle note di design). È compito dello sviluppatore di browser analizzare le differenze e gli eventuali bug e porvi rimedio. I miei test servono ad evidenziare le caratteristiche di tutti, non i pregi ed i demeriti di un solo browser. Forse avrei dovuto dirlo esplicitamente. Comunque.

Altra email di risposta

25 novembre 2007, 06:50

Ho ricevuto un'altra email di risposta ai miei test:

Hi,
Thanks a lot for putting up such an excellent list of examples. I have a minor suggestion. I came across your Crossword with floats example. You've used <div id="table"> Can you use any other word apart from table ? Its already there in the HTML syntax and may confuse novices. thanks, and best wishes for your book.

Abhishek Thakkar

Aspetto l'email di Bruno con i suoi suggerimenti.

Ritorno alle origini

23 novembre 2007, 09:21

Stamattina ho ritrovato casualmente la home page di Gabriele Gigliotti con il suo manuale su HTML 4.01. Io ho cominciato ad interessarmi all'argomento proprio grazie a questo utilissimo libro. Sono passati più di tre anni da allora, ma devo dire che è stato un piacere sapere che il suo sito è ancora online. Oggi il manuale è obsoleto, nel senso che attualmente chi comincia usa direttamente XHTML senza passare dal precedente linguaggio. Comunque è un libro di facile lettura e ricco di esempi. C'è anche un breve cenno ai fogli di stile. Interessante poi la parte sui codici dei colori e la tabella sulle entità, che sicuramente ci evitano di dover scaricare altro materiale. Il libro costa solo 7 Euro e fa parte della collana Pocket di Apogeo. Lo consiglio a chi vuole iniziare dalle basi dei linguaggi di marcatura. È stato bello sapere che questo libro viene usato dagli insegnanti come materiale didattico. Un libro riuscito, insomma.

Debugging

21 novembre 2007, 08:43

Philippe mi ha inviato uno screenshot dal suo Mac in cui si evidenziano alcuni problemi nella resa di questo test. Ecco lo screenshot:

Dovrò testare su Mac l'esempio, ma credo si tratti di un problema con la risoluzione di schermo. Intanto Michele ha inserito il mio demo nella prima pagina della sua guida.

Nota: Testato su Mac. Nulla di anomalo.

Internet Explorer 7 sbarca a Vasto

20 novembre 2007, 20:17

Oggi sono stato in biblioteca ed ho notato con piacere che sui computer è stato installato Internet Explorer 7. Sono subito andato sulla pagina dei miei test ed ho cominciato a fare delle verifiche. A parte i noti bug nel parsing non ancora risolti, Explorer 7 fallisce alla grande sul mio test dei bordi complessi, nonché su questo layout avanzato con i float, mostrando in questo caso un'inspiegabile barra di scorrimento orizzontale, proprio come Netscape 7.0. Poi ci sono altre discrepanze, ma non così gravi. Una buona notizia: Explorer 7 supporta i selettori di attributo CSS3 ed il combinatore del fratello generico.

Risposte

20 novembre 2007, 07:53

La prima risposta ai test è stata quella di fantasai:

Heya Gabriele,
Thanks for pointing us to your test suite. You have a lot of interesting tests there. Unfortunately we can't use them as-is. There are a few reasons for that:

1. Many of them are multiple tests combined into one long page. For our test suite we need the tests to be short and independent.
2. Most of them don't have very clear pass conditions: they show what happens in the browser, but it is very difficult to tell if what the browser is doing is correct.
3. Our submission format is XHTML 1.1 as documented here: http://csswg.inkedblade.net/test/css2.1/format
   This part is the easiest to fix.

We'd love to have your help with the CSS2.1 test suite. I unfortunately don't have time to convert all your tests to match our guidelines, but if you can fix 1 and 2 I will certainly help you with 3. The CSS2.1 Test Suite Guidelines have some guidance on writing good conformance tests:

http://www.w3.org/Style/CSS/Test/guidelines.html

You can also look at our existing tests for examples at http://www.w3.org/Style/CSS/Test/CSS2.1/current/

They are listed by CSS2.1 spec section here:

http://www.w3.org/Style/CSS/Test/CSS2.1/ current/xhtml1/by-section.xht

Our contribution process is documented here:

http://csswg.inkedblade.net/test/css2.1/contribute

Sending new tests in a few at a time is easier for me to process than all at once, so if you only have time to work on a few tests that's fine! Let me know if you have questions or need any help~

Altre risposte da Gerard, David Laakso e David Hucklesby ( http://archivist.incutio.com/viewlist/css-discuss/94468). Il mio messaggio originale si trova all'indirizzo http://archivist.incutio.com/viewlist/css-discuss/94461.

Non penso di riuscire a sistemare i test. Sono a pezzi. Devo mandare avanti il libro.

Mattina

06 novembre 2007, 08:02

Questa mattina ho ricevuto un'altra email da Gerard che mi comunicava di aver cambiato l'URL del mio sito in www.css-zibaldone.com.

NON comprate questo libro

03 novembre 2007, 17:03

Transcending CSS è il titolo del nuovo libro di Andy Clarke. Oggi ho scaricato gli esempi del libro e devo dire che la delusione è stata grande. Dei circa nove esempi di layout proposti, non uno risultava riuscito in pieno. Voi penserete subito ad Internet Explorer, ed invece vi sbagliate. Gli esempi falliscono anche in Firefox, Safari ed Opera. Questo perché Andy, in sintonia con quanto dichiarato ormai da anni dal WASP, ha pensato bene di usare alcune proprietà CSS3 che attualmente non sono ancora in mente Dei. Questa filosofia è a mio avviso discutibile, in quanto non tiene in debito conto il Web reale, un Web in cui la maggior parte degli utenti usa Internet Explorer. La proprietà più usata è display-model. Questa proprietà dovrebbe (il condizionale è d'obbligo) consentire agli sviluppatori di specificare l'esatto posizionamento degli elementi usando dei riferimenti letterali. Per esempio, se volessimo creare un layout monocolonnare in cui gli elementi principali sono disposti l'uno sull'altro dovremmo scrivere qualcosa di simile:

#container {
display-model:"
a (intrinsic),
b (intrinsic),
c (intrinsic),
d (intrinsic),
e (intrinsic)";
}

#nav {situated: a;}

#header {situated: b;}

#cnav {
  situated: c;
  border: 1px solid orange;
}

Proprio come avviene su una scacchiera, questa proprietà permette di posizionare gli elementi assegnandogli un valore letterale. Ad ogni lettera corrrisponde un elemento, che andrà poi messo in posizione tramite la proprietà situated.

Il problema è che il supporto a questa proprietà è del tutto assente, in quanto richiede uno sforzo enorme per essere implementata. Gli esempi sono interessanti solo a livello teorico, ma non certo utili per chi si trova alle prese con lo sviluppo di siti. Concludendo, potete comprare questo libro solo per ispirarvi a livello grafico, cosa in cui Andy Clarke eccelle.

Bug di Internet Explorer

01 novembre 2007, 08:46

Il bug da me trovato ieri (e confermato da Bruno) riguarda il parser di tutte le versioni di Explorer (5, 6, 7). Il codice del test è semplice:

@media all {
 @media screen {
    p {color: blue;} 
 }
}

Secondo le specifiche, un browser deve ignorare una regola-at annidata all'interno di un'altra. Il validatore del W3C restituisce un parse error giudicando valida solo la prima regola, e restituendo come informazione valida solo la prima. Quindi avremo:

@media all { }

Dunque non deve essere applicato nessuno stile al paragrafo. In Explorer il colore del testo del paragrafo è blu.

Ho segnalato la cosa su CSS Discuss, su Html.it, su Diodati.org e a Gerard Talbot.

Andando sulla sezione dedicata ad Explorer di Gerard Talbot, veniamo anche a sapere che fin da quest'estate gli sviluppatori Microsoft avevano garantito di voler migliorare il parser strict per la nuova release di Internet Explorer. Ora, un parser per essere strict non può in alcun modo tollerare errori come questo, che violano in pieno quanto sancito nelle specifiche. Sempre nella sezione di Talbot, apprendiamo che il numero di bug trovati è impressionantemente alto, se consideriamo la data di uscita di Explorer 7. Qui non si tratta neppure della proprietà hasLayout, ma proprio di qualcosa che non dovrebbe accadere.