rain
Brooklyn's New Blog

snuff said

Let it rain, let it rain...
WHAT IS NEW
Creativity, Curiosità, Tips 'n' pills Permalink

Fonts and devices | Web Tips n’ Pills [Infographics]

BriefingMilano WebTips - Fonts&Devices“Welcome Google fonts”
HTML, by default, allows very few fonts and the same web page on different devices may lead to unpredictable results.
Meet Google Fonts. Simple and free, just use the following code snippets:

<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
...

Per definire il singolo blocco di testo:

body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }

Further details are available here: Google Fonts.

“Think mobile”
Most users browse web pages with a non-PC device, likely a smartphone.
Double-check your web content layout with a different browser or any of the available tools, such as ShrinkTheWeb, which features several devices-vs-resolutions viewing options.

 Creativity, Curiosità, Tips 'n' pills Permalink

Font e web | Web Tips n’ Pills [Infografica]

BriefingMilano WebTips - Font e device

“Welcome Google fonts”
Il metalinguaggio HTML, di base, pone il problema delle (poche) font: utilizzare lo stesso font su device differenti può portare a risultati imprevedibili.
Provate ad usare le fonts di Google: è semplice (e gratuito), basta inserire due semplici sezioni di codice, la prima nella sezione <head>:

<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
...

Per definire il singolo blocco di testo:

body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }

Tutte le opzioni sono visualizzabili su questa pagina: Google Fonts

“Think mobile”
Molti degli utenti visualizzano il sito tramite dispositivi differenti da un PC, in particolare smartphone.
Verificate i vostri contenuti con diversi browser (è possibile modificare lo user-agent) per comprendere il risultato finale anche su display ridotti (e in verticale).
Diversi strumenti, tra cui ShrinkTheWeb permettono la preview in varie risoluzioni e formati oltre ad includere un elenco dei più recenti e diffusi device.

 Creativity, Curiosità, Tips 'n' pills 1 Comment Permalink

Le Grazie | Graphics Tips n’ Pills

1 Comment

Le Grazie… che caratterino!
I romani veneravano le tre Grazie per la loro bellezza e la loro perfezione.
Anche i grafici, in tempi più moderni!

GraphicTips #2 - Le grazie

Cos’è una Grazia?

È il tratto terminale di una lettera alfabetica, la forma della grazia è determinante per distinguere
il disegno di un carattere e per darne una classificazione.
Può essere rettiforme, acutiforme, curviforme o mistiforme.

Le grazie aiutano la leggibilità del testo, a seconda del tipo di comunicazione e contesto.
Times New Roman fu usato nel 1932 per il quotidiano Times per facilitare la lettura di testi lunghi (e per la sua eleganza).
Helvetica, invece, è riconosciuto come ideale per i testi tecnici.

 Creativity, Curiosità, Tips 'n' pills Permalink

Creatività, stile e font: “2001 Space Odyssey”

Creatività, stile e font: come Kubrick ha progettato “2001: Space Odyssey”

Font 2001 Space Odyssey

Come Kubrick ha progettato “2001 Space Odyssey”

Lavorare con Kubrick era sicuramente difficile: maniacale perfezionista, pretendeva (e otteneva) il massimo controllo sui risultati e su ogni aspetto delle proprie pellicole.
“2001” fu dirompente, sconvolgente: dal glaciale silenzio dello spazio alla freddezza di Hal 9001…
La scelta stilistica di Kubrick arrivó a selezionare le font usate per tutte le scritte, in particolare negli interni delle astronavi e sui monitor, dopo una selezione feroce.
Un post riassume tutte queste scelte, identificando le singole font che compaiono nel film.
Un film nel film, tutto da scoprire.