Ombra interna con la proprietà css3 box-shadow

La proprietà box-shadow applica un effetto ombra a un elemento della pagina. E’ definita da 2 fino a 6 valori:

  1. spostamento orizzontale
  2. spostamento verticale
  3. raggio di sfocatura (blur radius)
  4. diffusione della sfocatura (spread radius)

Solo i primi due sono obbligatori.
Oltre a questi 4 valori, abbiamo altri 2 valori opzionali:
colore (può essere un valore esadecimale, rgb o rgba) e inset.
Con quest’ultimo valore “inset”, possiamo ottenere l’effetto di ombra interna

Sintassi:

#demo {box-shadow: 1px 1px 3px #aaa}
#demo {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2)}
#demo {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset}

Visualizza demo

Compatibilità browser

Internet Explorer 9.0
box-shadow
Firefox 4.0
box-shadow
Firefox 3.5
-moz-box-shadow
Opera 10.5
box-shadow
Safari 3.0/Chrome  1.0
-webkit-box-shadow


Email this post Invia questo articolo ad un amico

Css tooltip

Questo ToolTip è realizzato solo con l’utilizzo dei css. L’interazione avviene con un semplice effetto “hover” sul tag ancora.
Visualizza demo.


Email this post Invia questo articolo ad un amico

Crumpled City

Sogno queste cartine infilate in qualche tasca della giacca.

Design: Emanuele Pizzolorusso
(Potete acquistarla qui: http://www.pizzolorusso.com/index.php?/project/crumpled-city/)


Email this post Invia questo articolo ad un amico

ABC Book: -50%

It’s crisis for designers…

by Rétrofuturs


Email this post Invia questo articolo ad un amico

Il libro perfetto

Prima del computer.
Prima della stampa.
Prima di unità di misura definite.
Il metodo di Jan Tschichold, per creare un’armonia di pagina perfetta,  utilizza un semplice foglio di carta, una matita e il regolo, uno strumento di calcolo su scala logaritmica:
http://retinart.net/graphic-design/secret-law-of-page-harmony


Email this post Invia questo articolo ad un amico

Oscar per la fotografia di Avatar all’italiano Mauro Fiore

Pare abbia gridato “Viva l’Italia” ricevendo il premio oscar per la miglior fotografia di Avatar.
E’ Mauro Fiore, originario di Marzi, un piccolo paesino della Calabria. Per cercarlo in google maps ho dovuto fare parecchie zoommate…

Si è trasferito in America all’età di sette anni, a Chicago e da lì poi decide di tentare la fortuna in California.
Arriva al successo dopo molta gavetta,
come elettricista e tecnico luci, uno di quei ruoli che al cinema vediamo scritto piccolo piccolo al fondo, nei titoli di coda.
Viva l’Italia! ha gridato,
mentre i genitori e altri compaesani piangevano e urlavano davanti alla tv in una sala del Comune di Marzi, svegli nel cuore della notte a tifare per lui.


Email this post Invia questo articolo ad un amico

Muore il cantautore Mark Linkous

Il cantautore americano Mark Linkous, leader del gruppo Sparklehorse, si è tolto la vita.
L’ultimo pezzo dell’ultimo album degli Sparklehorse si intitola: “La notte oscura dell’anima”.

Il brano (che da il titolo anche all’album, “Dark Night of the Soul”) non è stato sicuramente di buon auspicio.
Fu scritto ed eseguito con Vic Chesnutt e David Linch.
Vic Chesnutt si è suicidato la notte di Natale 2009. Ora è toccato anche a Mark Linkous.

Il primo brano dell’album , “Revenge”, cantato da Wayne Coyne (The Flaming Lips):


(…)


Email this post Invia questo articolo ad un amico

Upim Up

Nuova versione del logo Upim per il Web Contest di zooppa.com
Link per votare e commentare: http://zooppa.it/ads/upim/prints/upim-up
upim-up4

Ho lavorato a un modello verticale del logo. Ho cercato di dare dinamismo alle forme, con linee oblique e una forte spinta verso l’alto. Le forme colorate richiamano uno degli oggetti piu comuni e popolari: la tag, il cartellino che accompagna quasi tutti gli oggetti in vendita.
Il testo “upim up” è un gioco di parole da “open up”: lo shopping mall aperto a tutti.
(…)


Email this post Invia questo articolo ad un amico

Contest: redesign logo Upim

Progetto realizzato per il Web Contest di zooppa.com, per il nuovo logo del brand Upim.
Votate e commentate il mio lavoro!

logo_upim_web1
Ho mantenuto i colori originali del brand per conservare un legame con il passato. Ho spostato il focus (colore blu scuro) sulla lettera P lavorata come una lente di ricerca.

logo_upim_web3
Il colore della lettera P  ,  per  identificare la collezione e la specificità dell’offerta commerciale di Upim.


Email this post Invia questo articolo ad un amico

six dollar bird

simon-oxleyE’ costato una manciata di dollari l’uccellino più famoso della rete. Twitter lo ha acquistato per circa 15$ su iStockphoto.

Simon Oxley, il designer inglese autore della grafica, ha ricevuto un compenso di circa 6 dollari. Un menu completo da McDonald’s …

 

Sito web di Simon Oxley:
www.idokungfoo.com

Intervista a Simon Oxley del Washington Post
‘Twitter Bird’ Artist Simon Oxley

simon-oxley-something-super

simon-oxley-blue-bird

simon-oxley-egg-sausage

(…)


Email this post Invia questo articolo ad un amico