paolo valzania http://paolovalzania.posterous.com graphic & web designer in social network action posterous.com Wed, 22 Feb 2012 05:07:44 -0800 Pinterest http://paolovalzania.posterous.com/pinterest http://paolovalzania.posterous.com/pinterest

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Wed, 26 Oct 2011 01:09:43 -0700 Once upon a time in pinarella Steve Caballero riding with Ape Car (1989) Photo by Alfetta http://paolovalzania.posterous.com/once-upon-a-time-in-pinarella-steve-caballero http://paolovalzania.posterous.com/once-upon-a-time-in-pinarella-steve-caballero
Media_httpimagesinsta_wxbae

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Wed, 05 Oct 2011 20:44:42 -0700 #stevejobs http://paolovalzania.posterous.com/stevejobs-75754 http://paolovalzania.posterous.com/stevejobs-75754
Media_httpimagesinsta_falwh

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Tue, 20 Sep 2011 01:30:00 -0700 RomagnaCamp Ignite http://paolovalzania.posterous.com/71264744 http://paolovalzania.posterous.com/71264744

Ho pubblicato la presentazione/ignite che ho portato al RomagnaCamp 2011, su come ho cambiato il mio modo di navigare on-line per fare ricerche mirate per il mio lavoro.
Se siete interessati a sapere com'è stata la giornata al Romagnacamp ho scritto qualcosa in questo post: Spot VS Spot al RomagnaCamp

Issuu ha aggiornato il servizio sulla pubblicazione dei documenti, adesso è possibile inserire dei bottoni per i collegamenti esterni, hanno più funzioni, non sono solo semplici link. Provate a guardare la presentazioine in full screen.

Oppure potete vedere il video dell'ignite:

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Fri, 09 Sep 2011 10:06:00 -0700 Kid CUdi XS24 - Mr Rager http://paolovalzania.posterous.com/kid-cudi-xs24-mr-rager http://paolovalzania.posterous.com/kid-cudi-xs24-mr-rager

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Fri, 02 Sep 2011 03:50:00 -0700 Dancing: NY VS Bay (Area) - Flexing VS Turf http://paolovalzania.posterous.com/dancing-ny-vs-bay-area-flexing-vs-turf http://paolovalzania.posterous.com/dancing-ny-vs-bay-area-flexing-vs-turf


Flexing vs Turf Dancing - NY vs BAY di JaneBurgermeister

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Tue, 30 Aug 2011 02:22:00 -0700 Diamant Nose AKA the Precious Twitter http://paolovalzania.posterous.com/diamant-nose-aka-the-precious-twitter http://paolovalzania.posterous.com/diamant-nose-aka-the-precious-twitter

Diamantnose_spot

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Wed, 03 Aug 2011 03:08:00 -0700 Cable Wakeboard (?) http://paolovalzania.posterous.com/cable-wakeboard http://paolovalzania.posterous.com/cable-wakeboard

Winch Madness from MikeL on Vimeo.

Shot on RED & EX1
pixelworkers.tv

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Tue, 02 Aug 2011 01:27:17 -0700 Bologna 10:25 http://paolovalzania.posterous.com/bologna-1025 http://paolovalzania.posterous.com/bologna-1025 Io ricordo, qualche anno dopo, avevo dieci anni e d'estate andavo a
Mantova a trovare i miei nonni.
Mia mamma durante lo scalo di Bologna mi accompagna a vedere la lapide
con i nomi delle persone, erano tantissimi, per me erano più del
numero che dicevano, il numero era una cosa sola, loro erano tante
persone.
Guardo lo squarcio che prende luce, ma qualcosa non mi torna, mi
ricordo d'aver visto che lì c'era un buco enorme, come se un morso,
uno strappo, un pezzo della stazione non esisteva più, in quel momento
c'era gente dentro alla sala, io ero in visita e la sensazione di
essere di passaggio mi dava sicurezza, non mi volevo certo fermare lì.
Avevo paura, quel posto era stato un buco enorme esposto alla luce,
esposto a tutte quelle persone che al caldo e nella polvere mi
sembravano formiche, mi faceva paura che tutto fosse tornato normale.
Nella mia testa doveva rimanerci il buco, le macerie, il caldo e la
polvere per mostrare che quel posto era stato strappato via. Forse per
far paura e far sentire in colpa chi aveva fatto quel mostruoso buco.

Chiesi a mia mamma il perché.

Non mi ricordo la risposta. Probabilmente non mi è bastata.

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Thu, 09 Jun 2011 07:38:00 -0700 Presentations on Web Typography http://paolovalzania.posterous.com/56541285 http://paolovalzania.posterous.com/56541285

Una rassegna di presentazioni sulla tipografia sul web, web font e specifiche CSS: @font-face.

 

La prima presentazione tratta le specifiche CSS della dichiarazione @font-face, delle varianti che ogni browser richiede per soddisfarla, e le diverse tipologie di font che devono essere utilizzte nei diversi browser:

  • OTF OpenType Font
  • TTF True Type Font
  • EOT Embedded Open type
  • WOFF Web Open Font Format
  • SVG Scalable Vector Format

E anche tutti i relativi problemi di licenza su questi font.

The State of Web Typography
In questa presentazione viene illustrato il passaggio dalle varie tecniche che si utilizzano per sostituire il testo con immagini (sFIR & Co) alle nuove tecniche di embedding via @font-face.
The State of Web Type
Esempi grafici di come utilizzare i web font, e un lista di siti che forniscono il servizio di embedding di free-font per il web.
webfonts & @font-face :: in brief
View more presentations from Paul Irish
La spiegazione di 3 nuove tecniche tipografiche con i CSS:
  • @font-face
  • text-shadows
  • multiColummn text
Web Typography with CSS3
Rapida carrellata di tecniche web-tipografiche CSS e non:
  • cufòn
  • sfir
  • @font-face
  • typekit
Web Typography: A (Brief) Review
View more presentations from Dan Rubin
Una bella e corposa presentazione sulla tipografia: della carta al web, dalle specifiche sui caratteri ai web-font
Beautiful Web Typography v5.3 Edge of the Web presentation
Spiegazione approfondita della specifica CSS @font-face

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Wed, 25 May 2011 02:47:00 -0700 Usare i web font di Google su Blogger http://paolovalzania.posterous.com/usare-i-web-font-di-google-su-blogger http://paolovalzania.posterous.com/usare-i-web-font-di-google-su-blogger

Prima di iniziare, vi consiglio questo bookmarklet che individua i web font inseriti in una pagina web. Ad esempio potete andare su minimu.it e vederlo in funzione.

Come utilizzare i Web Font di Google su Blogger

Google-web-font

In questa directory di Google trovate tutti i font che è possibile utilizzare per modificare l'aspetto tipografico sul vostro Blog.

Il procedimento per utilizzare i web font è molto semplice e le indicazioni si basano tutte su 2 elementi CSS:

  1. il link al web font di Google
  2. il nome del font da usare nel foglio di stile

 

Partendo dalla pagina principale Google WebFont scegliete il font dalla lista e cliccateci sopra (come viene indicato a rollover), la scheda che si apre ha un sottomenu con più voci, la prima mostra le specifiche del font che avete scelto, ma la voce che ci serve è l'ultima ed è ben evidenziata: Use this font
Cliccando su quel link vengono mostrate nella pagina 2 parti di codice:

  1. è il link di riferimento, funziona come un normale CSS, richiama un indirizzo in cui viene preso il font, e va inserito nell'header del vostro blog
  2. la seconda riga di codice è un esempio di come richiamare il font nel vostro foglio di stile: inserendo correttamente il nome del font che avete scelto

1. il link di riferimento va copiato e inserito, seguendo questo percorso: una volta entrati nel vostra bacheca di blogger, andate nella sezione Design, e scegliete la sottovoce: Modifica HTML, nel secondo campo: Modifica modello vedete tutto il codice della pagina, è lì che dovete lavorare, cercate all'inizio del codice il tag <head> e subito dopo inserite tutto il link del font che avete copiato.


ATTENZIONE: il codice del link che vi viene fornito per il font scelto, per Blogger non è esatto.

Inserito così come l'avete copiato, non appena salverete le modifiche vi darà un errore XML; per Blogger questo link non è chiuso; la soluzione è semplice: inserite, alla fine del tag <link>,prima dell'ultima parentesi uno slash "/" in questo modo questa stringa di codice è chiusa; fate riferimento alle specifiche XML per i tag senza chiusura.

2. cercate il selettore o le classi o i div a cui attribuire il nome del font che avete scelto e inseritelo facendo attenzione a come è scritto nell'esempio.


Per utilizzarlo nel campo Modifica Modello prestate attenzione alle variabili dei selettori che sono nei CSS del blog, dato che Blogger offre la possibilità di modificare l'aspetto di alcune parti tramite l'editor Designer Modelli. Questo Editor per poter lavorare sfrutta delle variabili nel CSS, visibili nel campo Modifica Modello, subito dopo il tag <head>, se dovete intervenire su un selettore che è presente in queste variabili, noterete che hanno i valori che sembrano ripetuti 2 volte, sono uno per il valore: default e uno per il valore: value. Se volte essere certi del correto funzionamento inserite il nome del font in entrambi i valori.

Ci sono altre opzioni, ad esempio nel caso il font abbia più varianti, per questi caratteri così si può scegliere che peso o stile utilizzare (grassetto o corsivo), per questo c'è tutta una sezione dedicata sono le API dei WebFont di Google, sempre qui troverete tutte le specifiche per un utilizzo specifico dei web font, come l'utilizzo selettivo, o il loader per pre-caricare i caratteri.

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Tue, 24 May 2011 07:25:00 -0700 21 Examples of Parallax Scrolling in Web Design | Inspiration http://paolovalzania.posterous.com/21-examples-of-parallax-scrolling-in-web-desi http://paolovalzania.posterous.com/21-examples-of-parallax-scrolling-in-web-desi
Media_httpwebdesignle_hrxdi
via webdesignledger.com

Una galleria di interessanti esempi di effetto parallasse (sullo scrolling).

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Fri, 20 May 2011 05:23:29 -0700 Grafica per una pagina fan su Facebook http://paolovalzania.posterous.com/grafica-per-una-pagina-fan-su-facebook http://paolovalzania.posterous.com/grafica-per-una-pagina-fan-su-facebook Grafica per una pagina fan su Facebook
La tecnica del puzzle
http://paolovalzania.wordpress.com/2011/05/12/grafica-per-una-pagina-fan-su-f...

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Fri, 20 May 2011 04:32:00 -0700 From The Basement : Andrew Bird : Performance http://paolovalzania.posterous.com/from-the-basement-andrew-bird-performance http://paolovalzania.posterous.com/from-the-basement-andrew-bird-performance
via fromthebasement.tv

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Tue, 05 Apr 2011 10:55:00 -0700 Woodkid - Iron http://paolovalzania.posterous.com/woodkid-iron http://paolovalzania.posterous.com/woodkid-iron

Woodkid - Iron from WOODKID on Vimeo.

Posso vederlo un bel po' di volte prima di dire basta. Con i costumi hanno creato un immaginario semplicemente bellissimo. Un bel bianco e nero e il risultato è epico. Bravo Yoann Lemoine

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Sat, 02 Apr 2011 00:27:01 -0700 Helvetica su Google http://paolovalzania.posterous.com/helvetica-su-google http://paolovalzania.posterous.com/helvetica-su-google Non so per quanto durerà ma questa ricerca è veramente micidiale: http://www.google.it/search?aq=f&sourceid=chrome&ie=UTF-8&q=helve... e funziona (ovviamente) anche con il comic sans…  
Media_httppaolovalzan_kduju

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Thu, 31 Mar 2011 07:31:00 -0700 Google +1 Button http://paolovalzania.posterous.com/google-1-button http://paolovalzania.posterous.com/google-1-button

Google lancia il bottone +1

Un bottone simile al "like" di Facebook e vedremo se riuscirà a ottenere gli stessi risultati, per ora è in fase sperimentale su google.com (è richiesto l'account su google e l'autorizzazione alla fase sperimentale su google lab).

La distanza "social" da facebook è ancora tantta e buzz di Google non gli ha fornito i risultati sperati.

Personalemnte sono un fan di Big G e apprezzo i suoi servizi, li utilizzo molto volentieri, ma a parte l'aspetto prettamente finanziario dell'avere una sezione social, come cliente non vedo l'esigenza dell'essere sociale.

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Wed, 05 Jan 2011 22:05:37 -0800 Across The Movies - 3^ edizione http://paolovalzania.posterous.com/across-the-movies-3-edizione http://paolovalzania.posterous.com/across-the-movies-3-edizione
Media_httpfarm6static_eocbj

Across The Movies - 3^ edizione
Originally uploaded by LaFrà
Rassegna di film su musica e/o musicisti

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Wed, 22 Dec 2010 10:12:00 -0800 Web Typography at SXSW http://paolovalzania.posterous.com/web-typography-at-sxsw http://paolovalzania.posterous.com/web-typography-at-sxsw

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania Fri, 19 Nov 2010 23:11:00 -0800 HTML5 Oggi: come e dove http://paolovalzania.posterous.com/html5-oggi-come-e-dove http://paolovalzania.posterous.com/html5-oggi-come-e-dove

Una presentazione di Milo Maneo sullo stato attuale (e applicabile) dell'HTML 5 [slideshare id=5834121&doc=html5-101119063034-phpapp01]

Permalink | Leave a comment  »

]]> http://files.posterous.com/user_profile_pics/103134/Spott.jpg http://posterous.com/users/4aG8ZI8WqIh3 Paolo Valzania paolovalzania Paolo Valzania