Come rendere un numero di telefono cliccabile per Smartphone

Varie tecniche per rendere attivi i numeri di telefono nelle pagine web facendo in modo che quando “tappati” sullo smartphone permettano la chiamata verso il numero stesso.
Al momento non c’è uno standard universale che vada bene su tutti i dispositivi, di seguito le tecniche piu diffuse:

Metodo TEL://

<a href=”tel://+3911111111111″>+3911111111111</a>
Esempio:+3911111111111

Video chiamata tel-av://

<a href="tel-av://+3911111111111">+3911111111111</a>

Esempio:+3911111111111

Metodo CALLTO://

Your ads will be inserted here by

Easy AdSense Pro.

Please go to the plugin admin page to paste your ad code.

<a href="callto://+3911111111111">+3911111111111</a>

Esempio:+3911111111111

 

Fare in modo che i numeri non vengano interpretati come telefoni (e quindi il browser del telefono li evidenzi come cliccabili):

Occorre mettere il seguente META nella HEAD della pagina o dell’intero sito:

<meta name="format-detection" content="telephone=no"> 

A questo punto non resta che provare le varie tecniche con i vostri dispositivi:
raggiungi questa pagina con il seguente QR Code:
QRCode

Responsive Design: Template e risorse

Il diffondersi di molteplici dispositivi e piattaforme ha rafforzato la necessità di avere pagine usufruibili con risoluzioni che possono andare da pochi pixel (telefoni cellulari) a grandi schermi.

 

Creare layout  che si adattano alla risoluzione dello schermo è possibile e alla portata di tutti.

Sfruttando quanto disponibile attualmente in rete ho creato una pagina di esempio con immagini e test: visualizza oppure scarica.

 

Link e risorse per responsive design:

Link e risorse

Patterns e risorse

Framework

Strumenti di testing