Follow me on Twitter Facebook Flickr Subscribe Feeds
 

October 4th, 2010  |  CSS No Comments »

CSS: creare un menu drop-down utilizzando CSS3

Questo post è una traduzione del mio articolo pubblicato per Webexpedition18.

In questo articolo vedremo come realizzare un semplice menu drop-down utilizzando solo il CSS, senza utilizzare Javascript.

Potete vedere il risultato finale cliccando sull’immagine in basso:

Read more →

July 16th, 2010  |  CSS, html, jQuery, Web Designing 5 Comments »

Creare una dashboard in stile Mac utilizzando solo CSS3

Oggi ho pubblicato un tutorial su Webexpedition18.com che ho deciso di riportare anche in italiano su queste pagine.

Una dashboard è una barra situata in fondo alla pagina che consente di accede in maniera molto semplice alle applicazioni del vostro Mac (come ad esempio Mail, Safari, iTunes, Address Book, e QuickTime Player).

In questo post vi mostrerò come creare una Dockbar in stile Mac completamente personalizzabile utilizzando CSS3.

Il risultato finale che otterremo è il seguente:

Read more →

July 6th, 2010  |  CSS 2 Comments »

CSS Fontface: creare il file .eot per utilizzare i nostri font personalizzati anche su IE

Utilizzare font non standard all’interno delle nostre pagine è abitudine che sta prendendo sempre più spesso piede. Grazie alla regola @fontface del CSS, è possibile infatti inserire dei caratteri non standard nelle nostre pagine. Il problema però è dato da Internet Explorer che, sebbene fu il primo browser a supportare tale regola, non riconosce i  set di caratteri ttf (TrueType Font) ma solo quelli con estensione eot (Embedded OpenType).

Quando prendiamo un carattere dal web, però, non ci viene fornito il file eot ma solo quello ttf impedendoci quindi di rendere cross-browser la nostra pagina. In questo articolo vedremo come creare il file eot partendo da un carattere con estensione TrueType.

Read more →

July 2nd, 2010  |  CSS, jQuery 2 Comments »

Realizzare uno style switcher con jQuery – parte 2

Nel precedente articolo abbiamo visto quanto semplice sia con jQuery realizzare uno script che consente all’utente di scegliere lo stile di base della pagina. Nell’articolo di oggi estenderemo il progetto iniziale integrando la possibilità di ricordare la scelta dell’utente attraverso l’uso dei COOKIE.

Rispetto al progetto precedente, ho creato anche un altro foglio di stile style_blue.css per aumentare le possibilità di scelta da parte dell’utente.

Read more →

June 29th, 2010  |  CSS, jQuery 3 Comments »

Realizzare uno style switcher con jQuery

Sono molti i servizi online che consentono agli utenti di scegliere lo stile delle pagine in base ai propri gusti e/o esigenze. Per consentire questa scelta agli utenti bisogna progettare diversi file CSS (uno per ogni stile diverso) e far scegliere all’utente quello da lui preferito.

Nell’articolo di oggi vedremo come realizzare un semplicissimo switcher di stili utilizzando jQuery e pochissime righe di codice.

Read more →