In questo post presenterò una raccolta di 5 guide, tratte dagli articoli più popolari dell’ottimo Woork, per creare menu in stile Web 2.0 con i fogli di stile. Le guide prendono spunto dai menu dei social network più famosi, per mostrare come creare cose simili per il nostro sito o blog.
Barra di navigazione (Digg.com)
Tutorial per realizzare una barra di navigazione che si adatta alla larghezza della finestra, con gli angoli arrotondati per i link.
Opzioni di ricerca (Gettyone.com)
Tutorial per implementare un menu in cui specificare opzioni di ricerca, in cui l’utente può selezionare una varietà di opzioni prima di effettuare la ricerca vera e propria.
Menu orizzontale (Flickr.com)
Tutorial per sviluppare un menu orizzontale in stile-Flickr, utilizzando CSS e Javascript per nascondere e visualizzare i sotto-menu.
Menu verticale (Digg.com)
Tutorial per implementare un semplice menu verticale in stile-Digg, utilizzando ancora CSS e Javascript per la gestione dei sotto-menu.
Barra di ricerca a schede
Tutorial per sviluppare un modulo di ricerca con interfaccia a schede, utilizzando CSS e Javascript per attivare e disattivare le opzioni disponibili a seconda della scheda selezionata.