Follow me on Twitter Facebook Flickr Subscribe Feeds
 

July 16th, 2010  |  CSS, Web Designing, html, jQuery 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 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 2 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 →

June 1st, 2010  |  jQuery 3 Comments »

jScratchcard: realizzare un piccolo gratta e vinci con jQuery

L’articolo di oggi è a metà tra qualcosa di utile e un semplice giochino da “regalare” ai nostri utenti. Il plugin per jQuery di oggi è chiamato jScratchcard e ci consente di realizzare un semplicissimo sistema di gratta e vinci senza ricorrere a Flash.

A primo impatto non ho trovato una reale utilità del plugin ma ragionandoci un pò su ho trovato qualche idea interessante. Ad esempio si potrebbe utilizzare, un pò come succede per le riviste che ci arrivano a casa, per “premiare” gli utenti con dei regali all’interno delle pagine web. Un altro utilizzo potrebbe essere migliorare il plugin per farlo diventare una reale lotteria dove, ad esempio, in un determinato giorno, si fa vincere un solo utente tra quelli che “grattano” il gratta e vinci virtuale. Ragionandoci un po’ ho trovato diverse destinazioni d’uso interessanti del plugin ed ho quindi deciso di condividerlo.

Read more →

May 20th, 2010  |  CSS, Font, javascript 4 Comments »

Google Font API: includere facilmente font non standard nei nostri progetti

Una bella notizia per tutti coloro che hanno l’esigenza di utilizzare Font non standard all’interno di pagine web e non vogliono ammattire da soli con il @fontface e con il supporto dei font di Internet Explorer.

Google ha infatti rilasciato una nuova API che consente di utilizzare facilmente font non standard contenuti all’interno del suo repository richiamando semplicemente un file Javascript. Tale script trasforma automaticamente il test attraverso il font-face senza bisogno di ulteriori azioni da compiere.

Read more →