Riflessi CSS in Firefox

22/06/11
Di: postato alle: 16:16
Filed under: Web Design — Tag:, , , , , — @ 16:16

In questi giorni è uscita la versione 5.0 di Firefox, che aggiunge supporto alle animazioni CSS e miglioramenti all’interfaccia. Ho quindi deciso di dedicare un’articolo a questo browser, per quanto personalmente continui a ritenere WebKit superiore.

WebKit CSS 3: Gradienti, Mask e Animazioni

23/05/11
Di: postato alle: 17:11
Filed under: Web Design — Tag:, , , — @ 17:11
Tag:, , ,  

Oggi vi voglio proporre un piccolo esperimento che sfrutta alcune interessanti proprietà CSS che al momento sono disponibili solo su browser WebKit e senza l’apporto di codice JavaScript.
In particolare sfrutteremo le animazioni CSS e la proprietà -webkit-mask-image oltre ai gradienti CSS che invece sono supportati anche da altri brows

CSS3 patterns – Pattern lineari con gradient

18/05/11
Di: postato alle: 11:00
Filed under: Web Design — Tag:, , — @ 11:00
Tag:, ,  

Nel mio ultimo post avevo accennato al blog di Lea Verou che ha realizzato una gallery di pattern CSS3. Si tratta di composizioni grafiche che possono tornare utili e che fino a qualche tempo fa avremmo dovuto applicare alle nostre pagine web tramite immagini. Ora invece possiamo iniziare a pensare di utilizzare CSS3 per tali operazioni, ricordandoci, però, di applicare una immagine di fallback per IE.

CSS3 – Aggiornamenti cross-browser per i gradienti

04/05/11
Di: postato alle: 18:58
Filed under: Web Design — Tag:, , , — @ 18:58

L’anno scorso avevamo analizzato la proprietà CSS gradient spiegando come realizzare un gradiente cross-browser senza l’utilizzazione di immagini.
Oggi voglio, oltre a presentare una nuova regola introdotta dal team di webkit, analizzare alcune particolari tecniche per sfruttare i gradient CSS per scopi appariscenti.

« Articoli successiviArticoli precedenti »