Icone grafiche con CSS, fantascienza o realtà ?

Icone grafiche con CSS, fantascienza o realtà ? postato il 22/02/2012 17:10:04 nel forum programmazione, open source e hosting

Decisamente realtà!
Ebbene si: ci stiamo sempre più avvicinando al punto in cui Photoshop diverrà sempre meno indispensabile per gli addobbi grafici di un sito web.

Grazie alle nuove potenti features di CSS3 infatti è possibile riprodurre già oggi in maniera molto fedele varie icone o loghi solo mediante i linguaggi di formattazione e senza alcun escamotage (come le canvas o le WebGL).

Lo dimostra questo blog http://www.1stwebdesigner.com/css/css-icons-logos/ ↗ che raccoglie una serie famosa di icone e loghi riprodotti con CSS3 (a tal proposito, sono supportate al momento solo da browser che usano webkit come motore di rendering, in sostanza quindi Chrome e Safari per cui consiglio di usare uno di questi due per vedere l'effetto prodotto).

Chiaramente, essendo lo standard ancora in definizione come per html5 non tutti i browser supportano appieno le varie funzionalità usate per cui non voglio istigare una corsa ai manuali di css3.

Per quel che mi riguarda trovo sbalorditive le possibilità e i risultati, voi cosa ne pensate ?

The Coven ↗
Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

23/02/2012 00:01:55

Ragazzi. Il futuro è qui :-)

World of the Sea Battle ↗
Solca mari misteriosi, combatti piaghe oscure e forgia il tuo destino in World of the Sea Battle. Il viaggio comincia ora!

23/02/2012 01:10:49

Non dico che sarà più pratico realizzare icone con i css anziché con photoshop ma semplicemente (come credo sia risaputo) a più basso livello realizzativo i css permettono di velocizzare di gran lunga il lavoro grafico.

Benchè trovi spettacolare la replica delle icone IOS in particolare non credo il sistema sarà mai più pratico che usare gimp, photoshop o altri programmi di fotoritocco per questo tipo di operazioni, in primis poichè un immagine sarà vista sempre allo stesso modo, indipendentemente dal browser usato mentre i css non offrono questa garanzia in quanto non tutti seguono gli standard al 100%.

Tuttavia, il semplice fatto che sia possibile realizzare forme grafiche di una certa complessità, fa comprendere a pieno le potenzialità che questa tecnologia offre ed è questo il senso dei vari esempi citati su quel blog e che io, a mia volta, ho riportato qui.

State of Survival ↗
Fai tutto il necessario per sopravvivere. Non sarà facile. Gli infetti sono ovunque..