Enlever le layer noir au click event sur les appareils iOS

Sur iPad ou iPhone quand on click sur quoi que ce soit, on voit apparaître pendant environ une seconde un layer noir transparent par dessus l'élément html en question. C'est plutôt moche et ça donne l'impression de ralentir l'expérience utilisateur.

Pour s'en débarrasser il vous suffit d'appliquer cette propriété css sur les éléments qui vous intéressent :

a { -webkit-tap-highlight-color: rgba(0,0,0,0); }

En gros ça dit que la couleur de -webkit-tap-highlight-color sur tous les <a> est noire (les 3 premiers zéros dans rgba) et que son opacité est à zéro. Continue reading ...

Afficher son localhost directement sur son appareil iOS

Lorsqu'on construit un site mobile ou spécifique à l'iPad, il est pratique de pouvoir afficher directement son serveur local sur son iPhone ou son iPad sans devoir mettre en ligne chaque changement avant de le tester.

Si vous travailler sur Mac, il est très facile d'afficher directement son localhost sur son iPhone ou son iPad. Pour cela, il vous suffit de connaître le nom de votre ordinateur.

Pour se faire, allez dans Préférences Système puis Partage. Vous devriez tomber sur ceci :

Nom du mac

Comme vous pouvez le voir, l'adresse de mon serveur local est Skoua.local

Il me suffit donc de taper ceci dans Safari et voilà !
Mon serveur local s'affiche, la seule restriction étant que l'appareil et votre mac doivent être sur le même réseau.

Si comme beaucoup vous travaillez avec MAMP, il vous suffit d'ajouter le port à la fin de cette adresse comme ceci :

Skoua.local:8888

Enjoy !

[MAJ] : Windows

Cette astuce fonctionne aussi sur Windows si vous avez iTunes installé (cf. 2e commentaire).
Merci Pierrot_de_la_Lune !