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, open source, 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 ?

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

quota

Pagine → 1

cicciokr

SCRIVI

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..

E´ proprio quando un popolo è all´apice del successo, che ha inizio il suo declino..

quota

vino_veritas

SCRIVI

23/02/2012 00:01:55

Ragazzi. Il futuro è qui :-)

Pandora Upside Down High School ↗
La prima scuola per sovrannaturali al mondo vi attende! Scoprite il vostro cammino Ancestrale relazionandovi con i compagni e le attività dei club

quota

blancks

SCRIVI

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.