Grafico: mi piace fare il mio lavoro, ma lascio a voi la definizione.
TwitterPlurkFriendfeedFlickrPicasaVimeoYoutubeDeliciousTumblrBloggermetaweblogSearch
Contributors
Paolo Valzania
RomagnaCamp Ignite
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
Cable Wakeboard (?)
Winch Madness from MikeL on Vimeo.
Shot on RED & EX1
pixelworkers.tv
Bologna 10:25
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.
Presentations on Web Typography
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.
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
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:- il link al web font di Google
- 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:
- è 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
- 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.
