Per chi ancora non lo sapesse, tutti i link possono avere un attibuto “title”, dove è possibile descrivere brevemente il contenuto della pagina alla quale il collegamento fa riferimento.
Per visualizzarlo, basta posizionarsi col cursore del mouse sul link in questione, in questo modo compare un riquadro con il testo contenuto nell’attributo.

Esempio:
Codice

<a title="Diventa Fan di Yeswebcan su Facebook" 
href="http://http://www.facebook.com/">Facebook</a>

Link
Facebook

Quando utilizzarlo?
Questo attributo è molto utile sopratutto quando il testo del link non è sufficiente a descrivere la pagina di destinazione, o come supporto all’alt quando i link sono delle immagini.
Può essere utilizzato anche per segnalare se si tratta di un link interno o esterno e se verrà aperto nella stessa finestra o in una nuova (_blank).

Quando non utilizzarlo?
Quando l’anchor text del link è ad esempio il titolo di una pagina o comunque descrive già bene il contenuto a cui è collegato, è meglio omettere quest’attributo onde evitare una ripetizione del testo.

Quest’attributo aiuta il posizionamento della pagina nella Serp?
Test effettuati da autorevoli esperti hanno dimostrato che l’utilizzo di keyword nell’attributo HTML title del link non porta ad alcun risultato a livello di posizionamento, almeno per adesso.

Allora perchè utilizzarlo?
Semplice, per l’accessibilità e l’usabilità dei contenuti. Infatti, oltre ad essere utile per chi utilizza browser standard, è molto utile per persone ipovedenti o in generale per coloro che utilizzano browser tipo lynx, sopratutto se nell’attributo indichiamo se il collegamento verrà aperto in una nuova finestra. Anche se bisogna ricordare che forzare l’apertura di collegamenti in nuove finestre è una cosa sbagliata perchè crea difficoltà a persone con disabilità e che utilizzano browser particolari per la navigazione… le motivazioni potete trovarle in quest’articolo che scrissi per ItalianWebDesign.

In generale, comunque, è buona norma mettere “qualsiasi” utente nella condizione di sapere cosa si nasconde dietro a un generico click.

Dunque, sfruttare il titolo di un link per aggiungervi informazioni di tipo semantico in merito alla pagina di destinazione, può essere molto utile sia per chi ha disabilità che per gli altri perchè avranno maggiori informazioni su cosa andranno a visitare, e allo stesso tempo valorizzeremo il contenuto della nostra pagina.

Molto spesso si abusa di grafiche oscene ed effetti complessi che redono il logo poco comunicativo e difficile da utilizzare su supporti diversi.

La progettazione di un logo non si ferma alla grafica, ma necessita di uno studio a livello comunicativo, perchè il logo deve trasmettere un messaggio unico, sicuro e preciso.

In parole povere sono convinto che un logo per essere creativo deve avere 2 caratteristiche fondamentali: deve essere semplice e comunicativo.

Per questo ho selezionato 15 loghi che incorporano in pieno queste 2 caratteristiche. Notate come semplicità e immediatezza, rendono questi loghi incantevoli.

LOCHNESS

HORROR FILMS

PAUSE

FAMILIES

COFFEE

WIESINGERMUSIC

NEWCASTLE FOOD E WINE

PLAY

PENCIL

8 FISH

SLEEP RECORDS

AQUA

CODEFISH

BIRDLOVE

CARDIOLOGIC

Ma procediamo con ordine, chi è questo giovane milionario italiano:
Lui si chiama Lorenzo Thione, nato a Como, si è trasferito in America nel 2000 grazie ad una borsa di studio ottenuta alla University of Texas. Dopo la laurea, e le esperienze con Xerox e Palo Alto Research Center, nel 2007 fonda la società Powerset con l’amico Barney Pell. Obiettivo dell’azienda battere il colosso Google.

Così nasce Bing, il motore di ricerca con la particolarità di comprendere il testo digitato dagli utenti, sulla base di una simulazione del ragionamento umano. Mentre Google e gli altri motori si preoccupano della rilevanza di una parola, il motore di ricerca Made in Italy, cerca di interpretare l’intera frase, per capirne il senso instrinseco, e quindi di comprendere proprio quel che si sta cercando di chiedere al motore di ricerca.

Un meccanismo ideato grazie alla passione per l’analisi logica, allo studio dell’informatica applicata e alla linguistica computazionale, che è lo studio della comprensione del linguaggio umano da parte di un computer.
Al momento, l’unica edizione di Bing che sfrutta al massimo la tecnologia Powerset, ovviamente è quella americana, e devo ammettere che dopo questa scoperta il motore di ricerca dell’azienda di Redmond mi sta molto più simpatico.

E’ vero io non ero al corrente della cosa, ma sono convinto che nemmeno molti di voi lo erano.
In realtà siamo giustiificati perchè nessun media (tranne Wired) ha dato la notizia. Io infatti l’ho saputo solo seguendo lo IAB Forum di Milano, dove Riccardo Luna direttore responsabile di Wired ne ha parlato.

Con questo non voglio criticare i media, anzi poverini voglio difenderli, sono ben altre le cose importanti in questo paese.
C’è da pensare al campionato di calcio che è ancora lungo, c’è da occuparsi delle scappatelle tra calciatori e veline, e adesso che è iniziato il Grande Fratello veramente non c’è più il tempo per queste notizie di secondo piano.

A chi volete che interessi di uno che fugge dalla madrepatria e raggiunge un successo riconosciuto in tutto il mondo tranne che nel suo paese di origine? Nulla! Anzi in realtà per noi è meglio che se ne è andato, perchè persone come Lorenzo, persone così brillanti hanno il difetto di porsi troppe domande, di cercare risposte a troppi perchè e sono loro il cancro di una società come la nostra dove tutto funziona a meraviglia.

Perchè rischiare di trasformare Lorenzo in un modello da seguire?
Perchè far credere ai ragazzi italiani che studiando, lavorando per 23 ore al giorno, e con una buona dose di passione e talento si possono ottenere risultati stratosferici?
No ragazzi, non fa per noi italiani, noi siamo fatti per stare stesi sul divano, noi dobbiamo arrabbiarci e protestare solo se la nostra squadra perde una partita o subisce un torto arbitrale.

Noi non proveremo ad alzarci, non proveremo a emulare Lorenzo, continueremo a tirare avanti con un lavoro precario, continueremo a indebitarci con mutui trentennali, e con la consapevolezza che per uscire da questa mediocrità l’unica soluzione è vincere il superenalotto.

E’ questa la cosa giusta da fare, altrimenti perchè se vinci il superenalotto diventi una star e giornali e televisioni vengono a intervistare tutto il paese, mentre se vendi una delle idee più innovative di questo millenio l’Italia ti ignora?

Per spiegare dettagliatamente l’argomento non basterebbero sette articoli, ma per ora voglio limitarmi ad incuriosirvi, anzi cercherò di farvi rimanere a bocca aperta.

In modo molto semplice, vi accenno che esistono delle “leggi” che ogni bravo designer dovrebbe conoscere, e sono i principi fondamentali della percezione visiva. Essi derivano dalla teoria della Gestalt o “teoria della forma”.

Uno di questi principi fondamentali è l’organizzazione detta Figura-Sfondo.
Guardando un’immagine percepiamo l’oggetto che sta in primo piano come figura principale e ciò che sta dietro come sfondo.

Però, quando c’è AMBIGUITA’ nelle forme si creano dei fenomeni d’illusione e diventa difficile decidere quale sia la figura e quale lo sfondo.

Eccovi qualche esempio:

Cosa vedete in questa immagine? Una coppa nera o due facce bianche contrapposte?

E qui cosa vedete? Un sassofonista o il volto di una donna?

Gli spazi negativi (i vuoti) in questi casi assumono anch’essi una forma compiuta.

L’occhio non è in grado di osservare l’intera composizione in maniera simultanea, e si focalizza su un elemento alla volta (o il positivo o il negativo). Nonostante questo, pieno e vuoto sono inscindibili l’uno dall’altro, entrambi fanno parte della stessa figura.

Un esempio pratico di un intelligente uso del “figura/sfondo” in questa campagna contro l’abuso minorile.

Ed ecco un opera d’autore, di Nicolas Freud

E per finire alcuni esempi che credo vi lasceranno senza fiato.

Cosa vedete in quest’immagine:

Non abbiate timore, è normale che vediate un immagine sexy. Però se avete la possibilità fatela guardare da un bambino. E’ dimostrato che i bambini non riconoscono questa immagine “intima”, perchè la loro memoria non conosce ancora questa situazione. Ciò che vedono i bambini sono 9 delfini.
Questo fenomeno è conosciuto come legge dell’esperienza passata.

Ancora non siete affascinati? La vostra bocca non è ancora rimasta aperta? non avete ancora esclamato un fievole “ooooh” di stupore?
Ok ho quello che fa per voi

Guardate l’immagine attentamente per circa 40 secondi, concentrandovi sui 4 puntini al centro (quelli in mezzo alle due forme di cuori).
Dopo i 40 secondi, guardate una parete bianca e sbattete le palpebre, noterete un cerchio di luce, a questo punto, continuate a guardare il cerchio e si avrà una visione… divina.

Sperando di avervi affascinati vi lascio qualche link per approfondire l’argomento:

Leggi della Gestalt
Istituto di Gestalt
I principi della Gestalt e l’impaginazione di una pagina Web

Ammetto che mi piacerebbe tantissimo scrivere io una guida a riguardo… Che ne pensate, vi farebbe piacere approfondire insieme l’argomento?

Ascoltatela tutta perchè oltre ad essere molto interessante, Giorgio fa un bel regalo a tutti gli utenti yesWEBcan, non fatevelo sfuggire.

Le tre domande a cui gentilmente Giorgio ci risponde nel primo video sono:

• Il Convegno è arrivato alla quarta edizione: quali sono stati i principali cambiamenti in questo settore negli ultimi anni? Quali le tue previsioni future?
• Siamo a fine 2009, periodo che resterà negli annali per la grande crisi che ha colpito i mercati internazionali. Secondo te, questa fase è stata di giovamento per il mercato della pubblicità online e SEO? Se si, poteva essere sfruttata meglio?
• Gli interventi dei relatori del 3° convegno sono stati senza dubbio di altissimo livello. Per quest’anno quali sono le tue aspettative?

Queste invece le domande nel secondo video:

• Ci sono stati due eventi a Roma poche settimane fa, che han fatto da preludio al convegno, entrambi gratuiti, hanno ricevuto commenti positivi su tutta la blogosfera. Esperienza da ripetere?
• Quali saranno i principali argomenti che tratterete?
• Per finire una domanda semplice e diretta, perché partecipare al Convegno GT?

Che ne dite? Prendete l’occasione al volo iscrivetevi!
Tra l’altro se lo fate entro il 31 Ottobre risparmierete altri 100 euro

Link correlati:
Il sito del IV Convegno GT, dove troverete tutte le informazioni riguardanti il convegno.
Il sito GiorgioTave.it
Il forum per Webmaster di GT

Questa premessa introduce l’argomento che tratteremo in questo articolo, infatti ho scoperto un nuovo e interessane plugin per WordPress, che può rendere più divertente, veloce e originale inserire commenti ad un articolo. Si tratta di Voice-it un plugin Made in Italy che permette agli utenti di lasciare commenti audio sul blog.

I passi da compiere sono semplici. Basta installare il plugin scaricandolo da Voice-it.biz, attivarlo e registrarsi sul sito Internet del servizio.

A questo punto i visitatori, oltre al classico form per i commenti testuali, troveranno un pulsante col quale poter aggiungere un commento vocale. Requisito fondamentale ovviamente un semplice microfono collegato al Pc.

Gli sviluppatori del plugin si sono preoccupati di porre in bella mostra la scritta “gratis”, ma in realtà la versione gratuita prevede un limite di 100 messaggi, che sono comunque sufficienti per provare il servizio.

Non so se il servizio funzionerà, sicuramente si tratta di qualcosa di molto originale, che può rendere piacevole e veloce esprimere il proprio punto di vista riguardo un argomento.

commenti audio

Filippo Toso è un esperto di tecnologie web e marketing, dal 2004 si occupa di copywriting e scrittura persuasiva, che utilizza per promuovere e vendere prodotti e servizi online.

Potete vedere altri suoi video qui (dove c’è anche il suo intervento al GT Conference) e qui

Stamattina, su Facebook ho trovato un suo video davvero interessante Come Guadagnare 820 Dollari al Mese su Facebook, applicando le regole basi del marketing, ossia partendo da un problema, si analizza la domanda, si sviluppa il prodotto, si promuove e si mette in vendita.

Ecco il video di 10 minuti:

Se a me chiedessero “Cosa può il web?“, la prima immagine che mi passerebbe nella testa non è un design ad opera d’arte o un algoritmo difficilissimo, ma Matth Harding che saltella.

Vi può sembrare strano ma sono convinto che il web, grazie a idee semplici e allo stesso tempo geniali, può far diventare ricchi, ma sopratutto può dar tanta popolarità.

Matthew ne è la prova,  con piccoli e semplici gesti, magari considerati da qualcuno stupidi e banali, ha fatto emozionare milioni di persone, me compreso. Per chi ancora non lo conoscesse, Matt è un ragazzone americano di poco più di trent’anni, spesso porta gli occhiali, è sovrappeso e ha l’aria un pò da nerd.

Ma vediamo un pò come è nata l’idea:
Dopo anni di lavoro come programmatore di videogame ha deciso che era tempo di staccare la spina e dedicarsi alla sua vera passione: girare il mondo.

Nel 2005, ad Hanoi, si fa riprendere da un amico mentre improvvisa un balletto, o meglio un simpatico e bambinesco saltellare, in una caratteristica via della città. Da lì, l’idea di ripetere le simpatiche movenze in tutte le tappe del suo giro. Manda i video alla sorella che li carica su Internet per mostrarli ad alcuni colleghi. Ma le tante visite gli fanno capire che il video comunica qualcosa anche alla gente che non lo conosce.
Così nasce il sito internet “WHERETHEHELLISMATT” (che in italiano suona come “dove diavolo è Matt”), per accompagnare le sue avventure in tempo reale.

Le danze di Matt piacciono ad un numero sempre maggiore di persone e i buffi video iniziano ad essere cliccati e condivisi con successo crescente, al punto da essere notati da una ditta di chewing-gum, Stride Gum. La ditta propone a Matt di contribuire ai suoi viaggi e ai suoi balli, in cambio della sponsorizzazione dei video.

Nel 2006, riscuote particolare successo un video girato in Africa, dove si svolge una delle scene più belle: una decina di bambini iniziano spontaneamente a ballare insieme a lui.

Matt durante la scena girata in Africa

Questa vicenda secondo me segnerà la svolta. Infatti, visto l’immenso successo, Matth decide di far partecipare, in ogni tappa quante più persone possibili ai suoi balli, radunandole grazie al sito che ormai registra migliaia di accessi giornalieri.

Un’idea simpatica si trasforma così in un’idea geniale: il risultato è il video targato “2008” girato in alta definizione per 14 mesi in 46 paesi di tutto il mondo.

In queste sequenze c’è qualcosa di folle ma allo stesso tempo divertente, commovente e poetico. Sfido chiunque a guardarlo senza lasciarsi percorrere da un brivido lungo la schiena, senza provare un pò di invidia per questo ragazzo che, in modo spensierato, si diverte e fa divertire le persone che incontra lungo la sua strada.

Wherethehellismatth è diventato caso di studio in diverse università americane dove il John Travolta del web ha tenuto anche dei convegni.

In conclusione di due cose sono sicuro: se in un convegno qualcuno gli ha chiesto: “Matth, ma internet può far diventare ricchi e famosi?” lui avrà certamente risposto “Yes web can!”

Infatti Matth, anche se credo fosse già ricco, altrimenti non poteva permettersi di abbandonare tutto e andarsene a zonzo per il mondo, è diventato addirittura milionario e il suo video è  il più scaricato dell’anno 2008, tanto da meritare un articolo sul New York Times.

La seconda cosa? … Matt continuerà a ballare!

Simone D’Amico è ormai un amico (e scusate il gioco di parole ) di yesWEBcan.
Insieme abbiamo testato e tratto delle conclusioni su uno strumento per cui scrissi un articolo, e da allora seguo il suo blog quotidianamente, perchè davvero tratta argomenti molto interessanti.

Uno che mi ha lasciato veramente sbalordito riguarda Un modo alternativo al CAPTCHA per evitare gli spam bot.

Penso siate d’accordo con me che copiare quei numeretti sempre più nascosti e piccoli sia una scocciatura per tutti. Oltre a questo motivo, la cosa a cui Simone non aveva pensato è che il Captcha per come spesso viene utilizzato non è accessibile.
Il sistema proposto da lui, invece, oltre a farci risparmiare la noiosa operazione di copia, a mio parere è anche un ottima soluzione per i visitatori con difficoltà visive.

Come funziona? Semplice, va considerato che uno spam bot analizza tutti i campi input presenti nel codice, ignorando se essi vengano o meno visualizzati nella pagina. Basterà quindi creare un semplice campo input con visibilità nascosta tramite CSS che, se pieno, indicherà che è stato effettuato un tentativo di spamming.

Come implementarlo? Andate a vedere sul suo blog!

Simone, io non ho altro da aggiungere, anzi un’ultima cosa … Complimenti

Il Doctype

La dichiarazione del doctype per html5 è:

<!DOCTYPE html>

Molti si chiederanno perché si è scelto di utilizzare “html” anziché “html5″, ma sembrerebbe che <!DOCTYPE html5> non sarebbe stato riconosciuto su alcuni browser tipo IE6, non permettendo così un funzionamento a ritroso.

Poi se guardiamo il lato positivo finalmente questo DOCTYPE è piccolo, significativo, e forse per la prima volta saremo in grado di ricordarlo a memoria, e non dovremo incollarlo da un sito all’altro.

I nuovi elementi da conosere

Il W3C ha dato ascolto alla comunità e programmato per il futuro quando ha architettato i nuovi elementi a disposizione.

Abbiamo di tutto, da elementi strutturali di base come <header> e <footer> ad altri come <canvas> , <audio> e <video>, che sembrano essere API molto potenti, che daranno la possibilità di creare più applicazioni user-friendly senza la necessità di Flash per ad esempio animazioni complesse.

I nuovi elementi strutturali:

• <header> L’elemento header contiene informazioni introduttive ad una sezione o una pagina.
• <nav> L’elemento nav è riservato ad una sezione di un documento che contiene collegamenti ad altre pagine o collegamenti a sezioni della stessa pagina.
  Non tutti i gruppi di collegamento devono essere contenuti entro il <nav> ma solo quelli per la navigazione principale
• <section> L’elemento section rappresenta una sezione ben precisa della pagina
• <article> Article rappresenta una porzione di una pagina che può funzionare autonomamente, tipo un post del blog dove l’utente ha espresso osservazioni indipendenti ecc.
• <aside> L’elemento aside potrebbe rappresentare una nota, un suggerimento, una barra laterale o qualcosa che solitamente non riguarda il contesto generale di un articolo.
• <footer>Il footer è elemento per la marcatura a piè di pagina, e non solo della pagina corrente, ma di ogni sezione della pagina. Quindi, è molto probabile che vi sarà più di un <footer> all’interno di una pagina

Guardando questi nuovi elementi, sembra sostituiscono solo il nostro comune DIV ID, e in un certo senso, è vero.

Ma, elementi come <header> e <footer> possono essere utilizzati più di una volta su una sola pagina e si comportano come normali classi. Infatti non hanno solo lo scopo di rappresentare la parte superiore e inferiore del documento, ma rappresentano anche <header> e <footer> di ogni sezione, simile al modo di utilizzare <thead> e <tfoot> per i dati in tabelle.

I vantaggi di utilizzare questi elementi strutturali è dovuto principalmente al fatto che essi sono estremamente ben definiti e forniscono un perfetto modo semantico per definire la struttura del documento.

Tuttavia, questi elementi devono essere utilizzati con una certa attenzione, perché si può facilmente commettere l’errore di ripeterli troppe volte.

Facilitare il passaggio da XHTML

Anche se HTML 4.01, XHTML 1.0, e HTML5 sono tutti molto simili ci sono alcune piccole differenze nella sintassi che possono, molto facilmente, non permettere la validazione del codice.

Per questo HTML5 ha alcune funzioni ad hoc per rendere la transizione più facile.

Ad esempio, quando vogliamo creare un form in HTML5, la corretta sintassi di un elemento di input di testo è questa:

<input type=”text” id=”name”>

Ma se siete accaniti codificatori XHTML e abituati alla chiusura degli elementi andrebbe bene anche così:

<input type=”text” id=”name”/>

Le stesse regole si applicano a <meta> e agli altri elementi di chiusura.

Quali sono i vantaggi?

Con le nuove tecnologie ci devono essere benefici, altrimenti perché si usano? Se il vecchio codice funziona bene ed è efficiente non vi è alcun motivo di aggiornarlo. Non c’è nessuna ragione per farlo.

Archiviazione dati offline

La parte più bella di HTML5 è sicuramente la sua capacità offline. Programmi come Thunderbird e Outlook (e ora in misura GMail) permettono di navigare anche in modalità offline. Con HTML5, avremo la stessa funzionalità, ma nel browser stesso, e questo è il primo serio passo per colmare il divario tra desktop e web, e apre tutti i tipi di porte per il futuro delle applicazioni on line.

Il W3C ha preso le parti migliori dalle varie tecnologie Web e messe insieme, ciò che ne nasce è il più potente linguaggio di markup esistente.

Alcune altre API HTML5

• Drag & Drop La API drag-and-drop definisce un evento basato su sistema di trascinamento. Tuttavia, questa API richiede JavaScript per funzionare pienamente .
• Video & Audio L’API di audio e video sono ottimi aggiornamenti per l’incorporamento dei media. Anche se il supporto è limitato al momento, incorporare video non è mai stato così facile:

  <video width=”400″ height=”360″ src=”vid.mp4″>

• Geolocation La Geolocalizzazione è un API molto cool di HTML5.
  Tramite un dispositivo User Agent, (ad esempio un dispositivo mobile) viene rilevata la locazione dalla quale ci si collega al sito per eventualmente fornire all’utente dati personalizzati. Per questione di privacy sembrerebbe che questa funzione può essere disabilitata.

Dove posso usarlo?

Anche con il sostegno molto limitato di HTML5, nel Web ci sono già ambienti dove possiamo fare le nostre prove. Attualmente, Safari è la nostra migliore piattaforma di test, infatti sostiene la maggior parte dei nuovi elementi e le API.

Naturalmente, le cose possono cambiare in qualsiasi momento, quindi, occhi sempre aperti su Opera, Firefox e Chrome.

E ora cosa fare?

Ci vorrà tempo prima che tutti gli elementi siano completamente supportati.
I browser devono recuperare anni di ritardo e molto altro tempo si perderà prima che tutti i navigatori aggiornino i loro browser con quelli che supportano questo linguaggio.

Con Html5, siamo prossimi ad una nuova era, con un patrimonio di conoscenze e la capacità di imparare dagli errori del passato (e dai nuovi ). HTML5 è stato istituito con le aspettative di un potente linguaggio di markup e tocca a noi utilizzarlo in modo che possa beneficiare tutti noi.