Manipolazione delle immagini con i filtri di WebKit
Mercoledì 4 Gennaio 2012 - 09:58
di Fabio Lelli
Dobbiamo abituarci, specialmente in quest’epoca dominata da HTML 5 e CSS3, all’introduzione continua di nuove tecnologie che ampliano l’orizzonte delle possibilità di programmazione ed interazione tramite il web. Da un paio di settimane è stata rilasciata Filter Effects una nuova specifica, ancora in fase di sviluppo, per la manipolazione avanzata delle immagini tramite dichiarazioni CSS.
Al momento attuale le dichiarazioni sono funzionanti unicamente su piattaforma WebKit (la tecnologia portante di Safari e Chrome) ed in particolare nelle release sperimentali Nightly builds.
Attraverso le nuove specifiche possiamo applicare effetti tipici di programmi di fotoritocco, come ad esempio la modifica del contrasto, della luminosità, del livello di sfocatura e saturazione, ma anche invertire i colori, o convertirli in una scala di grigi. La sintassi di base è semplicissima, ad esempio:
img {
-webkit-filter: grayscale(100%);
}
Le specifiche vanno molto a fondo specificando come applicare filtri e trasformazioni anche molto sottili, ma è bene sottolineare che si tratta ancora di una sperimentazione, che molte modifiche sono ancora possibili, e che come abbiano già accennato ha al momento una disponibilità limitatissima. Se questa nuova metodologia si diffondesse adeguatamente, potrebbe essere un ulteriore segnale del declino di tecnologie proprietarie fino ad oggi necessaire per ottenere effetti di questo genere.
Categoria: CSS, Web Standards | Permalink
Commenti
1
Senza dubbio ottime prospettive per la flessibilità dei futuri prodotti (si potrà sempre più limitare l’uso di Photoshop per i nostri siti).
Però mi permetto una piccola critica OFF-TOPIC. Il W3 sta sperimentando e sviluppando innumerevoli rivoli dei CSS3 ma perché non hanno mai preso in considerazione di risolvere quello che nel 2012 è ancora il limite più grande, l’ASSENZA DI VARIABILI?!!?!?
Avete presente soluzioni tipo LESS (spesso citata anche qui su html.it)? Non sarebbe perfetto se fossero soluzioni native dei CSS3?????
# - postato da Luca - 04 Gennaio 2012 - 10:30
2
Il grande problema è la compatibilità con gli standard e i validatori. Chi lavora con enti e pubblica amministrazione deve fare i conti con specifiche strettissime e vecchie…. queste funzionalità non le userò mai.
# - postato da TaTaC - 04 Gennaio 2012 - 11:23
3
@TaTac: certamente ogni progetto va contestualizzato, un progetto per la PA non può avere grossi giochi di CSS o utilizzare un markup ancora non ufficialmente rilasciato.
A me personalmente non piacciono le funzioni interne a specifici browser o agli engine che su cui si basano, preferisco usare codice generico e gestirne la mancanza di supporto.