Massimiliano Sini » Tips and Tricks

Google Font API

admin — Fri, 05 Nov 2010 12:29:25 +0000

Una delle limitazioni più forti per chi utilizza pesantemente i CSS ed è poco avvezzo a lavorare con strumenti grafici (tramite CSS si possono sostituire dei testi con delle immagini) è quella della scelta dei font. La limitazione sta nel fatto che la scelta di utilizzare un carattere piuttosto che un altro all’interno di una pagina Web è subordinata al fatto che sul Browser del client tale font sia presente. Un avveduto e buon programmatore di CSS si tutela settando la proprietà font-family con una “cascata” di caratteri, da quello scelto a quello che sicuramente verrà trovato sul Browser del client. Basta fare un giro sul W3C per avere un esempio delle varie famiglie di Font che sono sicuramente supportate da qualsiasi Browser.

Ma ecco che Google ci viene in aiuto. Nella sua area Google Code tra la miriade di gadgets c’è una ulteriore risorsa, preziosissima proprio per allargare le famiglie di Font di disponibili da poter gestire con i CSS. Come capita per le Google Api Libraries (per MooTools o Jquery) abbiamo dei CDN a cui poter attingere. Nella fattispecie si tratta delle Google Fonts Api.

Qua possiamo trovare una serie di Fonts True Type a cui fare riferimento ed ovviando così alla limitazione di cui parlavo all’inizio. Tramite poche righe di codice abbiamo la possibilità di rendere disponibile alla pagina/sito che costruiremo un font tra quelli a disposizione. Basta prendere spunto dal semplice ed immediato esempio che troviamo su Google per mettere subito in pratica il risultato.

Il numero magico: 960!

admin — Tue, 26 Oct 2010 13:58:48 +0000

Un numero che potrebbe non voler dire assolutamente niente se visto così. Ma se relazionato al Web e ad Internet diventa una combinazione che io ho trovato magica ed illuminante.

960.gs – Grid System di Nathan Smith

Un efficace metodo per la pianificazione dello spazio da dedicare ad un sito. Il tutto tramite una piccola serie di definizioni CSS mirate a dividere in maniera equa ed ordinata uno spazio fisso di 960px, tenendo in considerazione la capillare diffusione di risoluzioni a 1024 px di larghezza.

Questa semplicissima spiegazione non rende assolutamente merito al drammatico impatto in termini di efficacia che questa “grid” (griglia) offre ad uno sviluppatore di layout.

Non solo!! Il creatore di questo sito mette anche a disposizione una serie di tools tramite github volti proprio a semplificare il lavoro di chi debba progettare dei layout.

CSSplay.co.uk

admin — Fri, 01 Jun 2007 15:13:17 +0000

Vorrei condividere con chiunque il sito che più di altri mi è stato di aiuto da quando ho cominciato a lavorare con i CSS.

http://www.cssplay.co.uk/

Per me è sempre stata una fonte inesauribile per imparare metodi di approccio per realizzare accattivanti interfacce Web senza per questo ricorrere a strumenti più evoluti e pesanti come Flash o complesse routine JS.