permalink

1

Axure Tip: Prototypen ohne onTap-Highlight erstellen

Jedes Mal wenn ich Axure Prototypen fürs Handy oder Pad erstelle, ärgere ich mich über das „onTap“ Highlight – diese olle Linie, die im Browser um das gedrückte Element gemalt wird.

Diese drei Zeilen CSS lassen sie ein für alle Mal verschwinden:

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

Am besten kopiert man diese Zeilen in die Datei axure_rp_page.css, die Axure jedem HTML-Prototypen mitgibt. Hier hat Axure sie versteckt:

OS X:

  • Rechtsklick auf Axure → „Paketinhalt anzeigen“.
  • Contents > Resources > DefaultSettings > Prototype_Files > resources > css > axure_rp_page.css

Windows:

  • Axure\Axure RP Pro 6\DefaultSettings\Prototype_Files\resources\css\axure_rp_page.css

Dort lässt sich natürlich auch beliebiger anderer CSS-Code einbauen. Sean Rankin hat dort zum Beispiel Web Fonts eingebaut.

Viel Spaß beim Ausprobieren…

Similar Posts: