Cascading Style Sheet – Separating Content from Presentation

Siamo in piena fase di passaggio tra il layout dei siti “tenuto insieme a colpi di tabelle e gif trasparenti” e l’uso attento dei Css per separare lo strato di presentazione dai contenuti.

Tra i molti libri già pubblicati o in fase di preparazione, questo edito da Glasshaus vuol essere una breve e diretta guida per chi fino ad oggi ha usato i Css solo per cambiare il colore di sfondo ed il tipo di font nella pagina.

Il manuale è sostanzialmente diviso in 3 sezioni.

Nella prima parte viene motivata l’importanza dell’uso avanzato dei Css e i vantaggi di un sito conforme agli standard, tra cui leggerezza del codice, elevata accessibilità delle pagine e le possibilità di riutilizzo del codice, nonché semplificazione nella manutenzione dei siti.

Un ottimo capitolo, dal titolo “Markup with Meaning“, affronta il complesso ma fondamentale compito del markup semantico, ovvero le tecniche di decomposizione e aggragazione in unità dei contenuti. Potete essere i massimi esperti dello standard Css, ma se non siete in grado di evidenziare le parti significative del contenuto, non farete molta strada.

Con i capitoli centrali del manuale gli autori entrano nel vivo e approfondiscono le tecniche a disposizione dello sviluppatore per l’uso dei Css. Imparerete come richiamare i Css dalle pagine, quali sono i diversi modi per comandare i font (e quali i più efficaci), ma capirete anche come cambia il vostro lavoro, cioè come fare per abbandonare l’uso delle tabelle. Sono capitoli dall’approccio molto pratico in cui semplici esempi aumentano sempre più di complessità, ma mai troppo.

Nell’ultima parte sono presentati i compromessi a cui (purtroppo) lo sviluppatore deve scendere quando è necessario garantire un discreto risultato su diversi browser, che a volte interpretano le specifiche Css in modo tutt’altro che impeccabile. Sono prentati esempi di come le cose dovrebbero funzionare, e di come intervenire per farle funzionare nella ben più complessa realtà.

Chiudono il testo alcuni casi di studio.

Il manuale è una chiara introduzione all’uso dei Css per comandare completamente il layout dei siti web. Sarà il primo, ma non l’unico testo di cui avete bisogno per apprendere ed apprezzare appieno queste tecniche. Quando lo avrete letto, sarete pronti per affrontare lo studio di qualcosa di più impegnativo, come l’ultima fatica di Eric Meyer.

Pro

  • Guida passo passo alle tecniche per padroneggiare i Css
  • Buona e fondamentale introduzione al web semantico

Contro

  • Non è da solo sufficiente per usare efficacemente i Css

Capitolo gratuito

Grazie ad un accordo con la casa editrice, i nostri lettori hanno la possibilità di leggere il primo capitolo del manuale, nel quale gli autori analizzano un esempio completo di pagina che utilizza i Css per il layout.

Informazioni

Cascading Style Sheets: Separating Content from Presentation ¤ di Owen Briggs, Steven Champeon, Eric Costello e Matt Patterson ¤ lingua inglese ¤ pagine 280 ¤ prezzo 34.99 dollari ¤ edito da Glasshaus

Sito del manuale [nuova finestra] (scheda, errata)

AllTheWeb tutto Css e Xhtml, o no?

AllTheWeb, popolare motore di ricerca, è stato convertito ad un design Xhtml il cui layout è gestito completamente dai Css.

Questo, come nota Jeffrey Zeldman, ha il vantaggio da un lato di rendere le pagine più veloci, dall’altro di aumentare il grado di personalizzazione.

Se provate però a vedere la Home Page con Netscape, noterete che il codice restituito al browser non è Xhtml, ma il buon vecchio Html.

Evidentemente i progettisti ritengono ancora non propizio il momento di “fregarsene” delle vecchie versioni dei browser e rilevano lato server il client, spedendogli una versione appropriata della pagina.

Avrebbero potuto però correggere in questa versione alcuni piccoli problemi nel codice (tra cui un target=”_new”) e aggiungere tutti gli attributi obbligatori (per un checkbox).