Category Archives: Css

How to make a list with rounded corners, auto width and hover effect

So you want make a list with rounded corners..i hope this simple tutorial can help you.

This is the final result: demo.

Risorse del 09/01/08

Ogni tanto posterò delle raccolte di link a risorse indispensabili per un webdesigner, queste sono le prime:

Come sta cambiando la professione dell’architetto dell’informazione all’epoca del 2.0, un post sul ruolo dell’architettura del’informazione;
Accessibilità Guida completa in versione html, è già disponibile la versione in html del recente libro di Michele Diodati sull’ accessibilità (un grazie infinito);
Css [...]

Css accessibili (da 24ways)

Su 24ways come ogni anno prima di Natale escono grandi articoli, vi invito a spulciare bene tutto il contenuto e mi vorrei soffermare e riportare parte di CSS for Accessibility di Ann McMeekin, una raccolta di piccole regole per rendere i nostri css più accessibili. Eccole:

Un box espandibile in css

Prendo spunto da un post su WebDesignerWall, nel quale viene spiegato come creare un box espandibile in larghezza e altezza all’ aumentare o diminuire della grandezza del testo che non mi ha sopreso più di tanto visto che gia c’ era qualcosa di simile, per descrivervi un’ altra tecnica più semplice e veloce che ho [...]

Come scrivere fogli di stile sexy

Questo è il titolo di un interessante articolo di Jina Bolton nel quale ci consiglia 10 trucchi per scrivere css : “diventare esperti di css non vuol dire solo imparare a memoria i selettori, ma anche sapere realizzare fogli di stile efficenti”. Vi riporto un riassunto (cercando di tradurre al meglio) :

Il best del 2007

Sarà forse perchè siamo a fine anno ed è tempo di bilanci, ma in questo periodo ho trovato molti post circa i migliori lavori de 2007. Ecco allora una lista da spulciare con attenzione magari proprio durante le vacanze, per trovare l’ ispirazione giusta:

30 More excellent blog
best css design 2007
Best Designs of 2007
The Coolest Web [...]

Vista style menu con il css

In questo post vedremo come simulare il menù di windows.com utilizzando le tre immagini ottenute con il precedente tutorial (nav.gif, selected.gif, hover.gif), questo è il risultato finale.

Mac style menu con i css

Adesso useremo le immagini realizzate nel precedente tutorial per simulare gli effetti del menù di navigazione, questo è il risultato finale:Demo: Mac style menu