Comment faire un survol sur l'iPad ?

Si maître Yoda avait un compte ici, il pourrait dire "tape ou ne tape pas, seuls les Jedi peuvent planer", car les détails de la mise en œuvre se situent rapidement au point de rencontre entre la technologie web et la conception de l'interaction humaine.

Je descends un peu dans ce trou à lapin, il pourrait aussi faire remarquer que les bons développeurs web connaissent les TouchEvent dans Safari qui peut discerner un événement multitouch touchstart d'une interaction touchend/touchcancel/touchmove et peut-être être utilisée pour fournir un feedback supplémentaire basé sur l'idée que toucher une cible aurait un effet visible sur le contenu de la page web.

C'est généralement mauvais design a s'attendre à ce que le toucher reflète un modèle centré sur la souris mais cela ne signifie pas que la conception de ce site particulier est mauvaise. Réfléchissez bien avant de supposer qu'il existe un moyen simple de concevoir un site tactile qui ne dépend pas de la simulation d'événements de survol de la souris.

Un (très) bref tapotement sur une image qui a un lien avec a:hover active cette a:hover l'expérience. Un tapotement plus long suit le <a> lien. Malheureusement, ce comportement n'est pas observé avec le <acronym> qui, dans les navigateurs de bureau, agissent de manière similaire à la balise :hover . Ici est un exemple moins que parfait, testé sur iPhone.

Non, il n'y a aucun moyen de faire ça sur un appareil tactile. Il n'y a aucun moyen pour votre iPad de détecter que votre doigt est posé sur son écran :) (Bien que techniquement cela soit parfaitement possible, et cela pourrait en théorie être ajouté à un futur modèle d'iPad).

Vous pourriez utiliser JavaScript pour afficher le title des valeurs d'attribut des liens d'image sur http://thenewipadishere.com/ cependant :

[].forEach.call(document.images, function(element) {
  var span = document.createElement('span');
  span.innerText = element.title;
  element.parentNode.insertBefore(span, element);
});

Sous forme de bookmarklet :

javascript:[].forEach.call(document.images,function(b){var a=document.createElement("span");a.innerText=b.title;b.parentNode.insertBefore(a,b)});

Copiez et collez cela et ajoutez-le comme signet sur l'appareil iOS de votre choix. Ensuite, visitez http://thenewipadishere.com/ et sélectionnez le signet.

Essayez le navigateur web Puffin pour l'iPad. Le curseur en mode trackpad peut faire du surplace. Vous pouvez également regarder des vidéos en flash. C'est lent, mais au moins c'est possible.