Web e code script visite 19

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

Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo
Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

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.

Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo
Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

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

2 strumenti per testare un sito responsive

1 min Avete già iniziato a realizzare siti responsive? Il web è ormai…

webdesign

Web e code script

Come alleggerire file png online

1 min Sul filone dello scorso articolo che parlava dell’importanza della velocità del…

webdesign

Web e code script

Le 4 migliori photogallery lightbox in jQuery

2 min La maggior parte dei siti creati di recente utilizza ormai photogallery…