Web e Code Script visite 370

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.
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.
Condividi l'articolo
Se questo articolo ti è piaciuto, ti chiedo solo di condividerlo sui social.

Lascia un commento

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



Potrebbe anche interessarti

webdesign

Web e Code Script

Come fare un Redirect 301 di una pagina in automatico

1 minArgomento ostico per i poco pratici del mondo del web, il Redirect…

webdesign

Web e Code Script

Ridimensionare e ritagliare immagini online

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

webdesign

Web e Code Script

PHP: gestire le condizioni con le istruzioni if e else

1 minSe state realizzando un sito nel linguaggio di programmazione Php, magari con…