Tre menu CSS

Tre segnalazioni sui menu con CSS in questo appuntamento. La prima è CSS step menu
con il relativo esempio: in realtà  non si tratta di un vero e proprio menu di navigazione e la sua applicazione pratica credo sia più che altro indicata per istruzioni, registrazioni
e più in generale per guidare l'utente attraverso un processo sequenziale:

Non so quanto sia applicabile nel web, ma si tratta senza dubbio di un'idea innovativa con una discreta implementazione e un CSS leggero.

Alcune annotazioni dopo un rapido sguardo al codice: si dovrebbe usare cursor:pointer invece di cursor:hand; probabilmente allungando le immagini di sfondo, centrandole verticalmente
e dimensionando l'altezza in em si otterrebbe un risultato molto
più flessibile con il ridimensionamento dei font e infine, forse il <div class="clearfloat"> non sarebbe stato necessario se si fosse utilizzato un metodo per contenere i float senza markup aggiuntivo.

La seconda segnalazione riguarda Simple navigation
with CSS image replacement (esempio).

Non si tratta di qualcosa particolarmente innovativo, ma il tutorial
è ben scritto e il risultato è discreto, anche se l'esempio sarebbe più esplicativo se fosse un po' più tradizionale. Curioso come sia stato indentato il CSS.

Terza segnalazione per un menu semplice e visivamente accattivante: Modern Bricks Menu su Dynamic Drive.

L'implementazione in questo caso è piuttosto scadente, a partire dall'elemento vuoto <div id="modernbricksmenuline">&nbsp;</div> nel markup per realizzare la linea che chiude il menu, insieme a molte dichiarazioni superflue nel CSS. Un buon esercizio per il lettore
potrebbe essere quello di provare a rifarlo, magari anche in versione centrata.