Francesco Corsentino .net » design

Libreria di font pronti per essere usati con Cufon

Kiko — Thu, 13 Jan 2011 07:30:13 +0000

La tipografia sul web è un alleato prezioso del design. Gli standard suggeriscono di limitare le scelte dei font ai pochi supportati da tutte le piattaforme oggi sul mercato. Tale limitazione si riflette(rebbe) sulle scelte del designer. Potete verificare da soli che l’effetto finale con un font è anche molto diverso rispetto alla presenza di un altro tipo di font.

Esistono svariate soluzioni che permettono di embeddare un font in documenti HTML. Io odio Flash, dunque non parlerò di sIFR. Recentemente ho potuto apprezzare la bontà di uno strumento quale Cufon.

L’ho recensito proprio in questi giorni per Programmazione.it. Ecco un estratto dell’articolo:

[...] Cufon, invece, è una libreria JavaScript, che permette di ottenere maggiore controllo sulla tipografia delle pagine, evitando l’uso di Flash e rendendo leggero la sostituzione dei font. Cufon è un script che si incorpora piuttosto facilmente nelle pagine web e che agisce lato client sfruttando l’elemento canvas. Ciò produce un vantaggio in termini di velocità di caricamento delle pagine e dell’effetto, e la possibilità di non rinunciare a parametri legati all’accessibilità.
[Via Programmazione.it]

Lo uso quasi regolarmente quando ho la necessità di ricorrere a font particolari e devo rinunciare alle ultime novità sulla direttiva @font-face di CSS3.

Una bella scoperta che volentieri vi giro è il sito cufonfonts.

E’ una collezione di font (piuttosto numerosa, per cui non faticherete di certo a scovare quello che più vi piace) utilizzabili con la libreria Cufon. Già convertiti, pronti al download e facilmente embeddabili nei vostri progetti. Fatene buon uso!

Photo Credits: Francisco Javier Argel

La scienza dei colori

Kiko — Wed, 01 Dec 2010 06:30:24 +0000

No, non quel colore. Non aiuta la lettura e distrae. No, nemmeno quello perché induce confusione. Ma è davvero così?

La risposta è positiva. Dietro la scelta dei colori di una grafica, e a maggior ragione di sito web, c’è una vera e propria scienza. La sensibilità del designer è certo una componente di eccezionale e insostituibile valore, ma vi sono alcuni fattori oggettivi di cui non si può non tenere conto. Spettroscopia e storia dell’arte, filosofia e psicologia.

Esistono articoli interessanti sul web che trattano di colori, palette e significati e molti tools in grado di aiutarvi nella scelta dei vostri preferiti e dei più adeguati per il prossimo progetto web. In questo post vi segnalo un completo lavoro di Lazunov che ha pubblicato per tutsPlus Open the Door into the Science of Color Theory.

Photo Credit: boadiceafairy

Il nuovo tema del mio blog

Kiko — Sun, 31 Oct 2010 19:12:21 +0000

Cambiare è importante. Tentare di cambiare in meglio è fondamentale nella vita. Così, a fronte di un buon ripasso su tecniche di web design e di uno studio appassionato del nuovo WordPress (versione 3), mi sono deciso a ridisegnare il tema del mio blog. I colori sono quelli miei preferiti: grigi (scala bassa e alta), un po’ di trasparenze, arancione e blu (specificatamente per i link, così come tradizione vuole). Solite due vecchie colonne, due sezioni staccate per il sideblog e i featured articles, ampio spazio a CSS3, uso di immagini nel design limitato al minimo.

Sto preparando un articolo per spiegare determinate scelte. Stay tuned!

Jo, un framework HTML5 orientato al mobile

Kiko — Tue, 19 Oct 2010 05:30:26 +0000

E’ possibile che un framework possa pesare circa 10 KB, essere compatibile con svariate piattaforme mobile quali Android e iOS e Symbian, supportare gran parte dei browser tipo Safari e Chrome, ed essere orientato verso il futuro essendo basato su HTML5? La risposta è sì e sta in due lettere: Jo.

Jo è un framework con le caratteristiche sopra menzionate. Le premesse sembrano davvero buone e il corredo di documentazione pubblicato sul sito ufficiale suggerisce di testare questo strumento.

In effetti, in simbiosi con la potenza di HTML5, Jo permette tutta una serie di operazioni in modo relativamente semplice. Un paio di classi si occupano della gestione dei dati, supportando appieno SQLite, e c’è spazio pure per la gestione degli eventi. Il resto è una utile gerarchia di classi per costruire interfacce Web e operare con i dati. Uno sforzo apprezzabile.

Anticipazioni di design

Kiko — Wed, 17 Feb 2010 09:00:37 +0000

Il tempo passa, il lavoro sta per terminare. Nuovo tema e nuovi esperimenti. In particolare sto giocando e mi sto divertendo con la nuova direttiva rgba, le trasparenze e le nuove proprietà introdotte da CSS3.

Terminato il disegno, ora tocca ai contenuti, argomento dei miei dopo-cena!

Nel frattempo vi mostro alcuni spezzoni del nuovo tema, in attesa di mostrarvi il template completo.

Teoria dei colori

Kiko — Thu, 04 Feb 2010 06:30:02 +0000

Per i non-designer è sempre molto utile leggere questi articoli, in quanto rappresentano il giusto complemento a quella che in effetti è una mancanza. Almeno per quanto mi riguarda, io che non tengo in mano una matita da una vita, la carenza in fatto di design rischia talvolta di pesare più del dovuto. Faccio leva più sul codice e sugli aspetti esteticamente meno artistici. Ma – ripeto – può risultare una mancanza solo a livello estetico, in quanto sul codice lavoro e cerco di farlo nella maniera migliore.

Chi ha redatto l’articolo è una interessante blogger. Cameron ha il pregio di aver riempito le righe di testo con decine e decine di immagini che danno il giusto supporto al lettore. Una fonte di ispirazione da non farsi scappare.

Corsentino.net anche in versione mobile

Kiko — Mon, 25 Jan 2010 10:44:42 +0000

Testata e corretta la versione mobile di questo blog. Certamente più godibile e soprattutto leggibile. Ho lasciato la possibilità di tornare alla versione classica. Per esempio io, su iPhone, molti siti preferisco godermeli nella loro veste standard. Buona navigazione a tutti.

Newspapers Design

Kiko — Wed, 20 Jan 2010 06:30:21 +0000

Per gli amanti delle griglie nel web design sono felice di postare un link molto interessante. Una carrellata dei design di quotidiani e riviste internazionali. La fonte è del sempre più superbo Fabio Sasso. Se non siete abbonati al suo feed significa che avete perso parecchie puntate di succosi articoli. Esclusivamente… per gli amanti del design.

[Link: Newspapers Design]

Anno nuovo, design nuovo

Kiko — Fri, 15 Jan 2010 09:19:56 +0000

Appurato che certe metodologie di design funzionano bene solo per certi siti, ho deciso di disegnare un nuovo layout. Nelle ore serali, così, in appena tre giorni, ho buttato giù un wireframe, ho scaricato uno sfondo in stile wood, scelto la palette dei colori, studiato le novità di WordPress 2.9 ed ecco il risultato. Senza dubbio più ordinato del precedente – che badate bene – era solo un esperimento. Riuscito a metà, nel senso che parecchie cose hanno funzionato a dovere (incroci e click interni), altre cose no (velocità, pesantezza). Prima impressione? Colori, leggibilità? Manca ancora uno script che dovrebbe convertire i vecchi thumbs in accordo alle nuove specifiche di WP 2.9. Per il resto ho rivisto alcuni algoritmi interni e ripulito del vecchio codice in functions.php diventato ingombrante e, a tratti, eccessivo.

Contadini per Passione

Kiko — Thu, 17 Dec 2009 19:42:19 +0000

Un nuovo progetto, una nuova avventura. Completato questo sito, devo decidermi a pubblicare un serio portfolio, o magari creare un sito apposta. Boh, vedremo. Per quanti sono curiosi, Contadini per Passione è una vetrina su uno dei territori più belli della Sicilia. Vetrina di che? Dei prodotti della terra siciliana, principalmente le Arance di Ribera, ma non solo: olio, del buon vino e poi chissà. Una bella avventura per me come designer, ma soprattutto una bella avventura per chi intende avviare questa attività faticosa, magari rischiosa, ma invidiabile. I miei migliori auguri e… io speriamo di dare una mano almeno dal punto di vista software/grafico.