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 ?

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

23/02/2012 00:01:55

Ragazzi. Il futuro è qui :-)

Sea of Conquest ↗
Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

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.

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!