mavimo

Chi di voi utilizza il validatore del codice (X)HTML del W3C per controllare che quello che generiamo sia codice pulito? Su le mani.

Troppe poche mani alzate, quindi come prima cosa abbituiamoci a controllare il codice. Alcuni buoni motivi? Bhè, innazitutto avere del codice validato ci permette di rendere il nostro contenuto più facilmente fruibile agli utenti che vi accedono con browser non convenzionali (per capirci screen-reader, browser per dispositivi mobili, ...); inoltre, nonostante alcuni SEO Expert dicano che il vantaggio è minimo, è comunque un vantaggio dal punto di vista S.E.O. e non per ultimo, essendo l'XHTML uno standard va rispettato.

Anche se nella fase iniziale stiamo particolarmente attenti a chiudere tag, a non inserire block element in inline element può capitare che, per riutilizzo del codice o per necessità impellenti, questo non venga controllato, proprio per aiutarci in questa fase di debug l'utizzo del validatore del W3C ci aiuta.

Le viste sono uno strumento estremamente potente e permettono di andare ad elaborare le informazioni creando degli elementi (pagine, blocchi, ...) di presentazione. La possibilità di usare dei filtri esposti ne fa degli strumenti adatti alla creazione di strumenti di ricerca dei contenuti.

L'utilizzo della tassonomia come filtro esposto per la ricerca, però, non è così intuitivo, poiché l'eventuale albero viene presentato tutto all'interno di un unica select con una struttura indentata, cosa che per l'utente fruitore medio non è così intuibile.
Nel caso di vocabolario con un elevato numero di termini questo è anche scomodo perchè verranno presentati tutti i termini avendo quindi una lista molto lunga di elementi, decisamente scomoda quando si cerca di trovare un informazione.

Vediamo ora come ricorrere ad una serie di menu a tendina che presentano le informazioni della tassonomia su livelli separati (una select per oogni livello), in cui i livelli successivi vengono caricati in maniera asincrona in base alla selezione precedente.

Come indicato nell'articolo precedente abbiamo visto la comodità di usare un metalinguaggio per i CSS come SASS. Ovviamente i browser non sono in grado di utilizzare direttamente questi file, ma necessitano di ricevere del codice CSS standard.

Questa operazione (NdA:la conversione da SASS a CSS) viene effettuata compilando i file SASS in modo da ottenre i CSS. Il fatto di dover compilare per ottenre dei CSS non deve affatto spaventarci, è un operazione che viene compiuta in automatico in maniera del tutto trasparente a chi scrive i file.

Vediamo ora come installare il tutto e automatizzare questo processo.