🎁 Un libro in regalo per te, fino al 18 dicembre

Acquista un titolo a scelta e ricevi gratis Il flash invisibile

➡️ GUARDA I LIBRI
Home
Luci e ombre tra CSS2 e CSS3

04 Ottobre 2005

Luci e ombre tra CSS2 e CSS3

di

L’utilizzo dei Fogli Stile è sempre più diffuso. Ma mentre la prassi lavorativa che divide nettamente il momento della strutturazione dei contenuti da quello della loro formattazione è adottata da un numero crescente di sviluppatori, i CSS2 sono oggetto di revisione e le promesse dei CSS3 lentamente prendono forma.

Tutto questo deve far riflettere. La domanda che forse vale la pena – nuovamente – porsi è: perché fino a oggi i CSS hanno faticato a imporsi? Perché molti sviluppatori hanno preferito proseguire sulla strada della fusione tra struttura e presentazione magari utilizzando editor in modalità solo visuale, assolutamente non adatta a produrre pagine conformi agli standard?

Prima di proseguire voglio sottolineare che chi scrive è un sostenitore dell’utilizzo dei CSS fin dal momento della prima visita nell’oramai famigerato CSSZenGarden.

È stato proprio navigando nella galleria di Dave Shea che ho cominciato a interessarmi a questa tecnologia e alle sue potenzialità. I vantaggi mi sono parsi fin dall’inizio evidenti. La separazione di struttura e presentazione – unita all’applicazione degli standard codificati dal W3C, XHTML e CSS – permette tempi di sviluppo e manutenzione ridotti, pagine più leggere e veloci da caricare (con conseguente riduzione dello spreco di banda), codice più pulito e semanticamente più corretto (quindi con maggiori possibilità di essere ben indicizzato dai motori di ricerca), il tutto senza sacrificare l’aspetto grafico, il layout. Vantaggi quindi, anche economici, per utenti, sviluppatori e relativi clienti.

Partendo da questi presupposti la faticosa adozione dei CSS (quantomeno del level 2) e delle relative tecniche di sviluppo che generalizzando si possono porre sotto l’etichetta di no table, non sembra spiegabile se non con la pessima, o incompleta, implementazione che alcuni browser di ampia diffusione ne fanno, o meglio ne hanno fatto.

Allo stato attuale, il problema maggiore, lo scoglio più arduo da superare lavorando con i CSS, è quello dell’impaginazione. Chi ha provato a cimentarsi con la formattazione di una pagina basata solo su elementi di blocco (normalmente

) e regole CSS per posizionamenti assoluti, fissi o float, sa bene quanto sia difficile, per esempio, ottenere un’impaginazione a tre colonne completamente omogenea sui più diffusi browser. Da qui la necessità di ricorrere a hack o trucchi, non necessariamente complicati ma che certo non si trovano nelle specifiche ufficiali e che si imparano con pazienza, dedicando tempo allo studio e alla navigazione in Rete tra forum e siti tematici.

Tempo che non tutti hanno. Il tempo, si sa, è denaro: il cliente aspetta preoccupato più che altro dall’aspetto del suo sito, non da come questo è stato ottenuto. Quindi perché non lavorare ancora impaginando a tabelle e utilizzando tag presentazionali?

Questa difficoltà indiscutibile sembra aver scoraggiato molti professionisti del Web, ma da sola non è sufficiente a giustificare il mancato interesse verso i Fogli Stile.

Impaginazione a parte, i CSS sono sufficientemente completi e ben supportati per definire in maniera funzionale e creativa tutti gli altri elementi di una pagina web. Per esempio l’applicazione di:hover agli elementi <a> permette di costruire con semplicità menu di navigazione funzionali e esteticamente ricchi di delicati effetti, il tutto senza Javascript.

Queste e altre applicazioni dei Fogli Stile sono veramente alla portata di tutti, così come alla portata e all’interesse di tutti è utilizzare i CSS per avere un sito web portabile su diversi dispositivi o media (PC, palmare, cellulare, stampante, TV ecc.).

Insomma vantaggi indiscutibili e attuali, a cui si oppone l’ostacolo dell’impaginazione.

Tuttavia questa impasse è facilmente superabile, con un impegno in termini di tempo e formazione minimo, basta un minimo di flessibilità.

Se utilizzare i CSS per definire le griglia di una pagina non è oggi alla portata di tutti, tutti possono invece imparare in poco tempo la sintassi CSS per lavorare professionalmente alla presentazione dei contenuti.

Quindi i webmaster meno esperti possono con tranquillità sfruttare e godere e potenzialità dei CSS, delegando alle tabelle la definizione della griglia di una pagina. Un approccio di sviluppo che rispetta così la separazione di struttura da presentazione, il cui unico neo consiste nell’utilizzo semanticamente non corretto delle tabelle. Uno step di apprendimento intermedio e non traumatico, per avvicinarsi a una tecnologia di cui nel futuro non si potrà fare a meno.

Già, perché nel futuro non ci saranno veramente più scuse.

Se fino a oggi problemi di compatibilità e implementazione tra browser e limiti tecnici sono stati gli scudi dietro cui si sono nascosti i detrattori dell’utilizzo dei CSS, con CSS3, attualmente in fase di sviluppo, si spalancherà veramente un nuovo orizzonte.

Ho parlato prima delle difficoltà di impaginazione. Bisogna a questo proposito dire che esse sono tali anche perché CSS2 non prevede altre possibilità per definire la griglia di una pagina se non la definizione di un equilibrio tra blocchi. Allo stesso modo non c’è nessuna regola che permette di controllare la forma dei bordi di un box, il che vuol dire che per arricchire le pagine con angoli arrotondati bisogna ricorrere all’utilizzo e la combinazione di apposite immagini sagomate in modo da ottenere l’effetto desiderato (una tecnica non semplice da imparare).

Questi limiti non sono sfuggiti al gruppo di lavoro che sta attualmente sviluppando il working draft di CSS3. Tra le proprietà che la prossima generazione dei Fogli Stile promette di portare con se spiccano infatti quelle legate al layout a più colonne o alla formattazione degli angoli degli elementi di blocco.

Pagine a più colonne con angoli variamente arrotondati saranno quindi realizzabili solo con poche righe di codice CSS attraverso le proprietà column-count e border-radius. E a queste nuove funzionalità è ragionevole pensare che se ne aggiungeranno altre, anche più entusiasmanti.

Ci sono quindi i presupposti affinché nel futuro i CSS diventino a tutti gli effetti la tecnologia principe per la formattazione delle pagine web. A questi presupposti bisogna poi aggiungere i vantaggi reali – non trascurabili – che CSS2 già oggi permettono, pur nella loro implementazione incompleta.

Vale quindi la pena cominciare a prendere confidenza con tutto quello che il level 2 oggi consente, perché, si sa, il futuro arriva spesso velocemente e l’alba che si vede all’orizzonte promette di spazzare via definitivamente le ombre del recente passato.

L'autore

  • Fabio Brivio
    Fabio Brivio, classe 1972, laurea in Storia Medievale e master in Informatica e Comunicazione, crede nella sinergia tra scienze umane e tecnologia. Per il Gruppo Feltrinelli è il responsabile di Apogeo Editore, di cui dirige il sito e le collane di manualistica e saggistica di informatica, business, fotografia e scienze. Come hobby, si interessa al significato dei segni e dei tatuaggi. Quando può, cammina lungo antiche vie. Nato a Como, lavora a Milano e vive a Bologna.

Iscriviti alla newsletter

Novità, promozioni e approfondimenti per imparare sempre qualcosa di nuovo

Immagine decorativa form newsletter
Gli argomenti che mi interessano:
Iscrivendomi dichiaro di aver preso visione dell’Informativa fornita ai sensi dell'art. 13 e 14 del Regolamento Europeo EU 679/2016.

Libri che potrebbero interessarti

Tutti i libri

Algoritmi e strutture dati

Guida pragmatica con esempi in Python

54,00

74,99€ -28%

42,75

45,00€ -5%

29,99

di Jay Wengrow

Linux Riga di Comando

100 comandi che ogni amministratore deve conoscere

36,00

49,99€ -28%

28,50

30,00€ -5%

19,99

di Paul Olushile

Come diventare un programmatore

Scopri il coding divertendoti, poi programma davvero con Scratch 3.0!

9,41

9,90€ -5%

di Kiki Prottsman


Articoli che potrebbero interessarti

Tutti gli articoli