I selettori di attributo nei CSS3

Delicious Delicious Stumble Upon Stumble Upon | I selettori di attributo nei CSS3

marzo 3rd, 2010 by Simone D'Amico in: CSS | No Comments »

I selettori di attributo consentono di individuare gli elementi all’interno di una pagina in base ai loro attributi e assegnare così lo stile desiderato. E’ possibile quindi identificare gli elementi di una pagina senza esser per forza costretti ad assegnare loro una classe o un id.

E’ appena stato pubblicato su Html.it un mio articolo sui nuovi selettori introdotti nella versione 3 del CSS. L’articolo è il primo di una breve serie dedicati ai nuovi selettori che verranno pubblicati nelle prossime settimane.

Il link all’articolo completo è il seguente:

I selettori di attributo nei CSS3

CSS3: Il potere nascosto del border-radius

Delicious Delicious Stumble Upon Stumble Upon | CSS3: Il potere nascosto del border-radius

febbraio 5th, 2010 by Simone D'Amico in: CSS | 5 Comments »

Circa un mese fa mi sono occupato di un tutorial per realizzare triangoli con solo CSS. L’articolo di oggi è una sorta di continuazione che ci consente di realizzare effetti molto carini utilizzando la proprietà border-radius.

L’autore dell’articolo originale è Liam McCabe di CreativiyDen. Vediamo nel dettaglio gli effetti che si possono realizzare con il border-radius.

Continua a leggere »

Cosa cambia con il rilascio della versione 3.6 di Firefox

Delicious Delicious Stumble Upon Stumble Upon | Cosa cambia con il rilascio della versione 3.6 di Firefox

gennaio 27th, 2010 by Simone D'Amico in: CSS, Mozilla Firefox, XHTML, html | 1 Comment »

Pochi giorni fa è stata rilasciata la nuova versione di Firefox e la prima cosa che ovviamente ho fatto è stata andare a controllare cosa è cambiato nel supporto al CSS3 e all’HTML5 rispetto all’ultimo articolo in cui ne ho parlato.

Anche stavolta ho utilizzato l’affidabilissimo FindMeByIp utilizzato anche la scorsa volta ma i risultati purtroppo non sono stati quelli aspettati.

Purtroppo i cambiamenti per noi web designer sono pressochè nulli. L’unica novità apportata riguarda il CSS3 e, precisamente, Continua a leggere »

Base64: Inserire le immagini direttamente nel file CSS

Delicious Delicious Stumble Upon Stumble Upon | Base64: Inserire le immagini direttamente nel file CSS

gennaio 20th, 2010 by Simone D'Amico in: CSS | 6 Comments »

L’articolo di oggi mostra un comodo trucchetto CSS per integrare le immagini direttamente all’interno dei file CSS.

Supponiamo di avere un div in cui inserire come immagine di sfondo la seguente immagine:

Il metodo classico per inserire un immagine di background ad un elemento consiste nell’usare un codice simile al seguente:

div#twitter { background: #fff url('images/bg.png') no-repeat center; }

Fin quì nulla di nuovo. Quello che però possiamo fare è integrare l’immagine direttamente nel file CSS semplicemente encodandola in base 64. La base 64 è una base come quella binaria, esadecimale, ecc. che contiene 64 simboli.

Continua a leggere »

Creare triangoli con i CSS

Delicious Delicious Stumble Upon Stumble Upon | Creare triangoli con i CSS

gennaio 7th, 2010 by Simone D'Amico in: CSS | 7 Comments »

Vacanze di Natale ormai finite e si ricomincia a lavorare a pieno regime. Augurando a tutti (seppur in ritardo) un felice anno nuovo, vengo a presentare questo trucchetto CSS molto carino e che può rivelarsi abbastanza utile.

L’autore dell’articolo originale è Jon Rohan che ci spiega come realizzare dei triangoli utilizzando puro codice CSS. Negli esempi che vedremo insieme non si farà uso di immagini di background o di Javascript ma semplicemente del foglio di stile.

Vediamo insieme quanto sia semplice realizzarli.

Continua a leggere »