Informaticando.NET un intorno web sull'informatica di Giorgio Borelli

I Fogli di stile sono la tecnologia di riferimento per la realizzazione dei layout e della formattazione delle pagine web, per chi fà web, come i webdesigner o i webmaster, conoscerli è fondamentale, non fosse per altro che rappresentano lo standard imposto dal W3C per realizzare la struttura delle pagine web.

Un layout web realizzato con i CSS anzichè con le classiche tabelle HTML è impronta di professionalità e qualità del sito, oltre ovviamente a tutta una serie di vantaggi come l'indicizzazione, l'accessibilità, la manutenibilità, la pulizia del codice, la velocità del sito stesso. La filosofia che sta dietro i fogli di stile nasce dall'esigenza di avere un "linguaggio" distinto dall'HTML per strutturare e formattare i siti web, mentre l'HTML dovrebbe essere usato esclusivamente come markup per i contenuti, una tabella HTML serve per presentare dei dati in forma tabellare e non per suddividere le sezioni di una pagina web, ecco perchè sempre più il W3C impone l'uso dei CSS come standard, per radicare anche la mentalità che il codice (di formattazione o di programmazione) deve essere tenuto separato dal contenuto della pagina web.

Non voglio però entrare nella storia e nel merito dei CSS, sarebbe un argomento ben troppo lungo che esula dal nostro scopo, voglio fornirvi invece un'articolo che racchiude e spieghi le quattro tecniche  principali per inserire un foglio di stile all'interno delle pagine HTML, mostrando i vantaggi e gli svantaggi di ognuna di esse.

Prosegue...

Come visto anche nell'articolo precedente, la compatibilità Cross Browser ha un'importanza fondamentale nella realizzazione e nel successo di un sito web.

Visto e considerato che non tutti i browser interpretano correttamente ed allo stesso modo i tag HTML, e soprattutto se ne infischiano delle direttive del W3C (almeno nel passato), i Web Designer si ritrovano a dover risolvere problemi di compatibilità grafica tra i vari browser a dir poco ostici. Non solo abbiamo un elevato numero di browser, ma questi si moltiplicano ancora per le loro varie versioni, e riuscire a far vedere bene un sito con tutti, credetemi, è un'impresa faraonica se non impossibile. Comunque noi non ci scoraggiamo ed oggi cerchiamo di rendere la vita più facile agli sviluppatori web parlando di come risolvere (Fix) un bug dell'odiatissimo Internet Explorer 6 (ed anche IE5.5).

Il bug in questione riguarda la non corretta interpretazione della pseudo class hover in Internet Explore 6 e versioni precedenti.

Prosegue...

Quando si sviluppa un sito web, sarebbe buona norma di ogni professionista del web, quella di testare la resa grafica del proprio lavoro su diversi browser e sulle loro diverse versioni, ossia testare che il proprio sito web sia Cross Browser. Tra i diversi browser usati dai navigatori, troviamo: FireFox, Safari, Oppra ed Internet Explorer, almeno tra i più usati.

Per fare ciò è necessario che il Web Designer abbia installato sulla propria macchina i diversi browser nelle loro diverse versioni. Questo non è sempre facile, innanzitutto la seccatura di avere tutte queste installazioni e poi le varie versioni dello stesso browser difficilmente convivono sulla stessa macchina. Ad es. a meno di non mettere in atto alcuni trucchetti, è difficile installare sullo stesso PC differenti versioni d'Internet Explorer. Il diffusissimo browser di casa Microsoft è sicuramente il più usato, i sondaggi parlano che oltre l'80% dell'utenza usa Internet Explorer (nelle sue diverse versioni) per navigare.

Proprio per la sua larga diffusione non possiamo esimerci dal testare la nostra applicazione web su Internet Explorer (IE), il quale soprattutto nelle versioni antecedenti la 7.0 presenta non pochi problemi di compatibilità con gli standard Web dettati dal W3C.

Prosegue...