Non sapevo fosse pos­si­bile far rifluire il testo anche all’interno del pre…

Della serie “guarda che post paz­ze­sco dopo una pausa di qual­che giorno” :-D Avevo un po’ di can­di­dati per cose più suc­cose ma non ho tempo.

Sul blog di Hoefler & Frere–Jones c’è una gusto­sis­sima car­rel­lata sto­rica sulla “e com­mer­ciale”, che, come poi ho sco­perto leg­gendo deriva dal latino “et” (e non dall’inglese “and”!).Quella che pre­fe­ri­sco è questa:

E la vostra?

Alcuni miti da sfa­tare sull’ormai mitico Helvetica e Mac OS X, da un tede­sco ovvia­mente. Sì, lo so che è di ori­gine sviz­zera ma i carat­teri mobili li hanno inven­tati in Germania.

Questo post mi fa venire in mente un che esi­ste un docu­mento di Apple (pdf) in cui sono elen­cati tutti i font che non pos­sono asso­lu­ta­mente man­care per un buon fun­zio­na­mento del sistema.

Qualcuno invece ha avuto occa­sione di vedere il film sull’Helvetica?

Se c’è una cosa che sim­bo­leg­gia l’aleatorietà del web, a mio parere, è il com­por­ta­mento dei vari bro­w­ser nel ren­de­ring del testo: ognuno ha le sue imper­fe­zioni e cer­care di otte­nere un risul­tato omo­ge­neo è un’impresa.

Questo arti­colo di A List Apart offre una solu­zione, basata su un’indagine siste­ma­tica che prende le mosse dal lavoro fatto da Owen Briggs qual­che anno fa.

La linea guida gene­rale è quella di spe­ci­fi­care la dimen­sione nel body in per­cen­tuale e tutto il resto in em. Escludendo Safari 2 con i mono­space i risul­tati sono più che buoni.

Dopo que­sto pho­to­set mi con­vinco ancora di più che “Web Design is 95% Typography”.

Questo arti­colo elenca una serie di con­si­gli basati sui risul­tati degli study di eye–tracking alcuni dei quali mi suo­nano piut­to­sto inaspettati.

1. il testo attira l’attenzione più velo­ce­mente della grafica;
2. la for­mat­ta­zione fan­ta­siosa tende ad essere ignorata;
3. le dimen­sioni del testo influen­zano il modo di leggere;
4. le parti infe­riori della pagina ven­gono guardate;
5. gli utenti pas­sano molto tempo a guar­dare gli ele­menti dell’interfaccia gra­fica, come pul­santi e menu (que­sta me la devono pro­prio spiegare…).

Se volete saperne di più su carat­teri e tipo­gra­fia o sem­pli­ce­mente vi può far comodo un sito di rife­ri­mento sull’argomento, aggiun­gete I love typo­gra­phy ai vostri bookmarks.

Per pro­se­guire dal post pre­ce­dente, ecco un’altra ana­lisi molto appro­fon­dita – e un po’ troppo lunga – sulla visua­liz­za­zione delle font. Vorrei scri­verne io di arti­coli così…

Post sulle dif­fe­renze di fondo nel ren­de­ring dei carat­teri fra Windows e Mac OS X, anche per l’apprezzabile ten­ta­tivo di met­tere le due filo­so­fie in una pro­spet­tiva di costi / benefici.

Se pen­sate che i non–breaking space (  o meglio ancora &160;) serva solo ad aggiu­stare un po’ qual­che lay­out recal­ci­trante (io ero fra quelli, ovvia­mente), date un’occhiata a que­sto post sull’uso di que­sta entity.

Se avete tempo date un’occhiata anche al resto!