CSS  »  Articoli  »  CSS Menu 

Le tab sono uno degli elementi di navigazione più comuni. Abbiamo esplorato alcune possibilità di personalizzazione con i CSS in diversi articoli: a partire dalle tab minimali e senza grafica di Un menu a tab con i CSS, passando alle Tab grafiche con i CSS fino alle Tab centrate con i CSS.

Le tab sono comuni anche nelle interfacce web e sono usate estensivamente in diversi siti (ad esempio qui su HTML.it o su Yahoo!) per ottenere informazioni facilmente consultabili in uno spazio ristretto. Vedremo in questo appuntamento una possibile implementazione di interfacce a tab con un pizzico di Javascript, partendo dal markup necessario fino ad arrivare alla personalizzazione con grafica e CSS. Ecco una piccola anteprima dell'esempio e il suo screenshot:

Figura 1 - Screenshot dell'esempio

La scelta dello script

Per realizzare una soluzione come quella dell'esempio una delle prime cose da fare è la scelta dello script. Le soluzioni a questo punto sono diverse:

1. Disponendo di sufficienti conoscenze di Javascript, si può pensare di realizzare lo script a partire da zero
2. Ci si può affidare ad uno dei tanti plugin dei principali framework: JQuery, MooTools o altri
3. Si può usare uno dei tanti script già pronti disponibili in rete che non abbiano dipendenze da librerie

In quanto ai plugin, rimando agli articoli Tab semplici e accessibili con JQuery e Un'interfaccia a tab con il plugin JQuery.tabs nella sezione Javascript.

Altri articoli

Altre guide

Altre newsletter