Archivio articoli -

\\ Home Page : Archivio (inverti l'ordine)
Di seguito tutti gli interventi pubblicati sul sito, in ordine cronologico.
 
 

Font per siti web: Google web fonts

Di Marco Barontini del 21/02/2012 @ 15:40:13, in CSS Design, letto 3896 volte)

 

La scelta del font da usare all'interno delle pagine dei siti web è sempre stata assai limitata. Il font richiamato all'interno del nostro file CSS, per essere visualizzato correttamente, deve essere presente nella raccolta di font installati sulla macchina client. Per questo le famiglie di font Arial, Helvetica, Verdana, Times hanno imposto la loro "supremazia" sul web.
Erano (e sono) i tipi di font la cui presenza è praticamente assicurata su tutte le piattaforme (Windows, Mac, *nix) oltre ad essere i font che offrono senz'altro il grado più elevato di leggibilità a video.

Ai web design più creativi che non volevano comunque rinunciare ad un proprio stile personale sono venuti in soccorso alcuni strumenti di font replacement come sIFR o Cufòn, che però (a mio avviso) sono utilizzabili solo per alcuni tag specifici della pagina (come i tag designati per i titoli h1, h2, h3, ecc) e che comunque introducono un certo grado di  "pesantezza" nella pagina web stessa dovendo richiamare sia il file JavaScript di gestione del font replacement sia quello contenente la codifica del font. Inoltre tale tecnica è inutilizzabile nel caso l'utente abbia disattivato il caricamento di Javascript sul proprio browser.

Con Google web fonts si introduce invece un paradigma diverso basato sul concetto (tanto di moda in questo momento) di "cloud". Le specifiche del font che ci interessa si trovano su server esterni (di Google) e si richiamano tramite un'apposita istruzione all'interno della sezione <head> della nostra pagina web. Definito il font da usare lo si può implementare all'interno del nostro file CSS tramite il suo nome.

Nell'immagine qui sotto potete vedere la pagina del sito Google web fonts da cui si può precedere alla scelta e selezione dei font.

Font per siti web

Una volta selezionato il font che più ci piace possiamo vedere, tramite il link Quick-use, l'impatto che avrà nel caricamento della pagina (se rallenterà o meno il caricamento della pagina e di quanto).

Nella stessa pagina troveremo inoltre la direttiva (che non è di tipo JavaScript bensi "text/css" e quindi immune dal problema detto in precedenza) da copiare nella nostra pagina web per richiamare il font prescelto oltre ad un esempio di integrazione all'interno del file CSS.

Nelle 2 immagini qui sotto potete vedere come introdurre la riga contenente la direttiva per richiamare il font 'Doppio one' e un esempio di utilizzo del font stesso all'interno del tag h1 del file CSS.

Font per pagine web
Google web fonts esempio


Articolo (p)Link   Storico Archivio 

 

Google e le date dei concerti: nuova funzionalità

Di Marco Barontini del 20/02/2012 @ 18:20:57, in Motori di Ricerca, letto 2194 volte)

 

Google sta introducendo nuove funzionalità nel suo motore di ricerca per rendere sempre più interessante l'esperienza degli utenti (user experience).
Una di queste nuove funzionalità che ho scoperto pochi giorni fa è quella relativa alle date dei concerti degli artisti. Come potete vedere dall'immagine qui sotto ho effettuato una ricerca sul nuovo tour 2012 di Andrea Bocelli.

Google date concerti tour

Il primo e il terzo risultato mostrano direttamente le date previste dei vari concerti con un link diretto alla pagina che tratta di quell'evento. Questo è reso possibile dal fatto che nella pagina di destinazione principale della ricerca (quella a cui rimanda il link principale in alto) è presente una tabella in cui sono indicate le date dei concerti da cui Google ha estratto le informazioni necessarie per presentare i risultati in questo modo.

Articolo (p)Link   Storico Archivio 

 

35 Social Icons in PSD da scaricare gratis

Di Marco Barontini del 05/02/2012 @ 21:37:46, in Web Design, letto 2518 volte)

 

Una raccolta di 35 Social Icons in formato PSD da scaricare gratis e utilizzare per i propri lavori.



Segui questo link per scaricare il pacchetto in formato PSD.

Articolo (p)Link   Storico Archivio 

 

Questa birra è una bomba!

Di Marco Barontini del 03/02/2012 @ 18:45:05, in Visto sul Web, letto 1270 volte)

 

Un package davvero originale per questa birra.

package birra

Visto su: Lovely package

Articolo (p)Link   Storico Archivio 

 

Foto incredibili: gran coraggio o abile uso di Photoshop?

Di Marco Barontini del 02/02/2012 @ 16:05:48, in Visto sul Web, letto 19875 volte)

 

La foto che vedete qui sotto l'ho trovata per caso su questo blog.

Foto incredibili

Il suo titolo originale è "Lighthouse guard in Mare, France must be one of the most courageous people on the planet!" (Guardiano del faro a Mare, Francia uno degli uomini più coraggiosi del pianeta!). In effetti bisogna averne di coraggio per restare affacciati sulla porta nel bel mezzo di onde così colossali. Ma sarà vera? O sarà piuttosto un abile montaggio in PhotoShop? Anche perchè mi domando: ma il fotografo che l'ha scattata dove si trovava? In ogni caso complimenti all'autore (sia esso fotografo che "ritoccatore") per la suggestiva quanto incredibile scena.

Aggiornamento del 01/03/2012

Ho scoperto che la foto è reale. E' stata scattata addirittura nel 1989 dal fotografo francese Jean Guichard che si trovava a bordo di un elicottero. Sulla home page del suo sito è possibile vedere l'intera sequenza di foto scattate che ritraggono il guardiano del faro che si affaccia dalla porta e che si ritrae un attimo prima di essere travolto dall'onda.
Uno spettacolo eccezionale!

Articolo (p)Link   Storico Archivio 

 
Pagine: 1 2 3 4

Articoli per Categoria: