Web e code script visite 189

I loghi di famosi brands disegnati in puro codice CSS

1 min

Con CSS3 il design ha fatto passi da gigante. Ultimamente si sta diffondendo la moda di realizzare disegni utilizzando esclusivamente il codice CSS invece di utilizzare le classiche immagini. Si tratta più che altro di esercizi di stile, utili a dimostrare le potenzialità dello strumento.

Di certo utilizzare le immagini permette di risparmiare notevolmente tempo, ma fa specie pensare alle impressionanti capacità del CSS, un codice leggero che lascia pensare ai futuri sviluppi del web design.

Oggi vi mostro 5 loghi realizzati attraverso questa tecnica: Twitter, Github, Evernote, Dropbox ed Apple.

logo-twitter-css3

logo-github-css3

logo-evernote-css3

logo-dropbox-css3

logo-apple-css3

Nel sito dell’autore è possibile osservare da una parte il logo realizzato in css, dall’altra il logo come immagine, perfettamente sovrapponibili.

Soffermandosi sul logo in CSS appariranno le linee guida della costruzione del logo, composte da cerchi, linee ed ovali vettoriali. Questo, insieme al codice, vi permetterà di capire la tecnica per realizzare disegni in CSS.

Per saperne di più rimando alla pagina del progetto, dove è possibile anche scaricare gratis i file sorgenti dei loghi in CSS3.

Visita il sito

Riproduzione riservata © La riproduzione è concessa solo citando la fonte con link all'articolo. Condividi l'articolo


Articolo a cura di: Del Re Valerio
Dott. in Comunicazione e Pubblicità per le Organizzazioni. Sono l'ideatore del blog Robadagrafici.com e mi occupo di comunicazione visiva, grafica e web, per le aziende.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *



Potrebbe anche interessarti

webdesign

Web e code script

Velocizzare il sito con jQuery Lazy Load Plugin

3 min Abbiamo parlato a più riprese degli strumenti per analizzare la velocità…

webdesign

Web e code script

Icone Vettoriali Gratis. Prova Flaticon, il più grande database

1 minSe siete alla ricerca di icone vettoriali gratis per i vostri siti…

webdesign

Web e code script

Ridimensionare e ritagliare immagini online

1 minIl problema principale quando si realizza un sito (in particolare e-commerce) ma…