Creare un effetto Coverflow con le trasformazioni CSS
Martedì 3 Giugno 2008 - 14:53
di Riccardo Degni
Delle nuove caratteristiche della prossima versione di Safari avevano già parlato qualche tempo fa per i gradienti e le maschere.
Un’altra grande possibilità che il browser offre nella sua più recente release (la 3.1) sono le trasformazioni CSS, che come indicato sul blog ufficiale Surfin’ Safari, permettono di ruotare, scalare, distorcere ed alterare gli elementi unicamente tramite CSS.
Utilizzando quanto appena detto aggiunto ad un pizzico di jQuery UI, Paul Bakaus ha creato una sorta di CoverFlow alla iTunes che potete vedere in azione qui.
L’effetto è molto gradevole, ma ovviamente esiste sempre il fardello della browser compatibility. Se però tutti i browser di nuova generazione implementassero un’interfaccia comune per l’alterazione/applicazione di effetti sugli elementi, otterremmo enormi benefici. Uno su tutti l’uso meno massiccio di Javascript.
Voi che ne pensate?
Commenti
1
Penso che, essendo ancora vivo IE6 ed in molti casi ancora IE5.5, per non parlare di molte pecche di IE7, siamo all’età della pietra, o quasi, in quanto a browser compatibility.
Mi sa che in altro post del blog di edit è stato scritto che queste cose sono belle si ma… se non trovano browser che le interpreti alla stessa maniera, possono rimanere nel limbo delle incompiute.
2
Penso che siano tutte cose inutili finché restano solo su Safari..
3
Non concordo con la posizione appena esposta nel post precedente.
E’ oramai chiaro, come da più parti sostenuto, che occorre abbandonare la idea di realizzare la stessa GUI per tutti i browsers sul mercato. Alcuni sono decisamente più avanti nell’adozione di nuove features e, in quanto operatori del settore, non possiamo permetterci di non tradurre in realtà ciò che pure si può a livello di specifiche. Pena il penalizzare l’intera industria per colpa di un dominatore del mercato pigro di testa ed incapace di innovare.
Dare qualcosa di diverso e migliore all’utente come premium per l’uso di browser più competenti sviluppati da developers attivi ed attenti mi pare il minimo.
Si premiano in questo modo e l’utente e i devs dei browsers e si procede in avanti come mercato invece di stagnare.# - postato da semioticmonkey - 03 Giugno 2008 - 15:29
4
ruotare, scalare, distorcere ed alterare gli elementi unicamente tramite CSS
Per il momento (e forse anche per un bel pezzo di futuro..) questa è solo fantascienza!!forse sarà più facile avere la pace nel mondo che la browser compatibility :)
Io comunque ci spero!!
Riguardo all’effetto in se, lo trovo carino
5
tutto vero, la compatibilità è essenziale e può sembrare inutile uscire dal recinto ma credo anche che se nessuno ogni tanto tenti qualcosa di nuovo si andrebbe poco in là.
a volte penso dovrebbero farsi dei partner
concedersi più visibilità, parlo sempre in riferimento all’utenza media# - postato da Luca - 04 Giugno 2008 - 09:38
6
..”la ricchezza in mano a pochi, non fa la felicità di tutti”..
7
bel blog ciao
# - postato da fcdewdfwdsfcds - 25 Agosto 2008 - 21:30
8
kteykyt
# - postato da lko - 27 Aprile 2009 - 13:09