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, gdrcd e open source

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 ?

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

quota

22/02/2012 20:31:33

si è comodo per piccole img.
però non so.. alla fine la definizione di una immagine fatta con photoshop o qualsivoglia programma di grafica tipo gimp è sempre migliore..

è comodo il css per angoli arrotondati, box shadow etc però secondo me cosi si sta effettivamente un pò esagerando.. bu non lo trovo una cosa cosi essenziale..

quota

23/02/2012 00:01:55

Ragazzi. Il futuro è qui :-)

Fervm ↗
È il tempo di vestire la toga virile, scalare le tappe che il mos maiorum ti impone! Stringi alleanze, ottieni consensi e il tuo nome sarà ricordato!

quota

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.

Fervm ↗
È il tempo di vestire la toga virile, scalare le tappe che il mos maiorum ti impone! Stringi alleanze, ottieni consensi e il tuo nome sarà ricordato!

quota