Como pairo no iPad?

Existe uma maneira de passar o mouse sobre o conteúdo de uma página da web ao visualizá-lo no Safari no iPad? Especificamente, eu estava tentando passar o mouse sobre os avatares individuais na página inicial do Ask Different iPad Contest . Em um Mac ou PC, ele mostra quando o indivíduo completou seu nível de pairar, mas não consegui ver isso no iPad.

Se apenas o mestre yoda tivesse uma conta aqui, ele poderia dizer "toque ou não toque, apenas o jedi pode pairar", já que os detalhes da implementação mergulham rapidamente em onde a tecnologia da web atende ao design de interação humana.

Descendo um pouco a toca do coelho, ^{ele também pode apontar que bons desenvolvedores da Web conhecem a classe TouchEvent no Safari que pode discernir um evento multitoque touchstart a partir de uma interação touchend / touchcancel / touchmove e talvez seja usado para fornecer feedback adicional com base na idéia que tocar em um alvo teria um efeito visível no conteúdo da página da web.}

É geralmente má concepção de espera toque para espelhar um modelo centrado no rato , mas isso não significa que o design deste site específico está errado. Apenas pense bem antes de assumir que existe uma maneira simples de projetar para toque, que depende de eventos simulados de mouseover.

Um toque (muito) breve em uma imagem que possui um link com a a:hoverpropriedade ativa essa a:hoverexperiência. Um toque mais longo segue o <a>link. Infelizmente, esse comportamento não é visto com a <acronym>tag, na qual os navegadores da área de trabalho agem de maneira semelhante :hover. Aqui está um exemplo menos do que perfeito, testado no iPhone.

Não, não há como fazer isso em um dispositivo de toque. Não há como o seu iPad detectar que seu dedo está pairando sobre a tela :) (Embora tecnicamente isso seja perfeitamente possível e, em teoria, possa ser adicionado a um futuro modelo de iPad).

Você pode usar o JavaScript para mostrar os titlevalores dos atributos dos links de imagem em http://thenewipadishere.com/ .

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

No formato bookmarklet:

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

Copie e cole isso e adicione-o como um marcador no seu dispositivo iOS preferido. Em seguida, visite http://thenewipadishere.com/ e selecione o marcador.

Experimente o navegador Puffin para o iPad. O cursor no modo trackpad pode pairar. Além disso, você pode assistir a vídeos em flash, e é lento, mas pelo menos é possível.