July 16th, 2010 | CSS, Web Designing, html, jQuery 5 Comments »
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:
July 6th, 2010 | CSS 2 Comments »
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.
July 2nd, 2010 | CSS, jQuery 2 Comments »
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.
June 29th, 2010 | CSS, jQuery 2 Comments »
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.
June 22nd, 2010 | CSS, Font 11 Comments »
Nell’articolo di oggi vedremo un piccolo trucchetto che sfrutta le potenzialità del CSS3 e soprattutto della regola font-face che ci permetterà di realizzare le icone di un menu senza utilizzare immagini ma solo testo.
Vediamo innanzitutto l’idea alla base del tutorial. Utilizzare la regola @font-face ci consente di utilizzare font non standard all’interno delle nostre pagine web e, con apposite regole, di rendere compatibili questi font a tutti i browser (IE6 compreso). Utilizzando font appositi possiamo quindi sfruttare questa proprietà per evitare l’utilizzo di icone in formato immagine.
Questa tecnica consente di sfruttare molteplici vantaggi, come ad esempio la riduzione di richieste HTTP, la possibilità di personalizzare le dimensioni delle icone e tante altre. Vediamo insieme di cosa abbiamo bisogno.
Benvenuto! Mi chiamo Simone D'Amico e sono un web designer, web developer e blogger.
Questo blog contiene articoli su Web Design e Web Development. Quì potrai trovare news su HTML, CSS, PHP, jQuery, Wordpress e molto altro.
Se vuoi restare aggiornato puoi abbonarti ai miei feed RSS oppure seguirmi su Twitter.