04
set 2008
Creare un’icona per iPhone in stile WebApp per il proprio sito
Se amministrate un sito e volete personalizzare il bookmark per renderlo perfettamente compatibile con l’iPhone allora seguite questa semplice guida.
Con la possibilità di inserire sulla springboard i propri siti preferiti, quello delle icone web per iPhone è diventata una questione importante, soprattutto per chi amministra un sito e vuole un bookmark perfettamente compatibile nel caso in cui degli utenti la vogliano utilizzare sul proprio iPhone.
Il più delle volte, infatti, quando salviamo un sito sulla springboard questo si presente come un piccolo snapshot o, al massimo, una piccola icona.
Per creare una WebClip accattivante ed in pieno stile WebApp, comprensivo anche dell’effetto glossy e dell’effetto tondeggiante, allora seguite questi semplici passaggi (la guida è stata realizzata da Ian Hoar):
- Create un immagine 57×57 in formato .png del logo relativo al vostro sito
- Salvatela come “apple-touch-icon.png”
- Caricate l’immagine nella root del vostro sito. L’iPhone la riconoscerà automaticamente nel caso venga aggiunto il vosto sito sulla Springboard.
Giuseppe Migliorino (4 settembre 2008 15:00)
L'utilizzo del contenuto di questo articolo è soggetto alle condizioni della Licenza Creative Commons. Sono consentite la distribuzione, la riproduzione e la realizzazione di opere derivate per fini non commerciali, purchè venga citata la fonte.
Probabilmente il sito linkato è momentaneamente down.
Comunque molto utile, ora faccio un test di prova
Perchè non lo sperimentate anche sul vostro sito. Secondo me l’icona di iPhoneitalia dovrebbe essere più accattivante
Testato, senza la guida perchè ancora il link non va.
L’effetto glossy lo applica automaticamente l’iphone quando inseriamo il link nella home.
Sarebbe interessante capire se poi l’icona si aggiorna ad ogni connessione al sito in questione, oppure se rimane invariata… faro delle prove, più avanti
Programma interessante, grazie della segnalazione. Per la cronaca, ora il ink funziona.
A me continua a dare un errore 403forbidden
strano, ho provato piu volte e va, cmq la guida è identica a quella scritta qui, essendomi limitato soltanto alla traduzione
Comunque, non sapendo come sia la guida, io preciserei anche che:
- non è necessario sbattersi per fare gli angoli rotondi, per fare i bordi in rilievo o per dare la sfumatura, ci pensa già l’iphone quando aggiungiamo alla home…
io la prima volta mi sono sbattuto a fare tutte queste cose
Si con l’iPhone vedo correttamente il sito… sarà un problema di DNS mio
poco importa
ragazzi 2 domande……
1) x chi non conosce l’inglese e non è molto pratico con htlm dei blog c’è qualche buon’anima che mi puo’ aiutare…..?
2) come si puo’ fare x adattare la pagina del proprio blog, nel caso venga visitato da un’utente dal pc oppure dall’iphone????
domande troppo difficili x voi GURU del forum?
Grazie
Non so se c’è scritto nel link che avete messo perchè è down adesso, comunque se si vuole mettere l’icona in una altra posizione e le si vuole dare un altro nome è possibile farla riconoscere lo stesso dall’iphone aggiungendo nella pagine il tag:
@IlSignoreDelMale: non si aggiorna l’icona. devi cambiarla sul sito e riaggiungerlo tra i preferiti per cambiarti l’icona
Il tag è stato rimosso dal commento..(wordpress ghgh). Se questa volta compare è:
/< link rel=”apple-touch-icon” href=”/percorso/nomericona.png” >
@Suondmao: si ho visto, ho fatto i test e non si aggiorna….
peccato, questo è un po’ un limite, ma sapendolo uno può pensare di fare icone “istituzionali” e non “legate al momento”
modna: domande offtopic da ripetere sul forum!
/n.
[...] Fonte [...]
Continua a leggere su Ecco come creare un’icona per iPhone in stile WebApp | Tecnofobo[...] Creare un’icona per iPhone in stile WebApp per il proprio sito [...]
Continua a leggere su » Attack from the Dead: la recensione