mobile web

Swipebox: the colorbox replacement for my next responsive project

Swipebox Logo

Swipebox looks really sweet and works well on both classic computers and touch devices. I'm considering to give it a shot and maybe try to take the time to write a little Drupal module to provide field formatters for swipebox!

Features:

  • Swipe gestures for mobile
  • Keyboard Navigation for desktop
  • CSS transitions with jQuery fallback
  • Retina support for UI icons
  • Easy CSS customization

http://brutaldesign.github.com/swipebox/

CSS :active Pseudo-Klasse im mobilen Safari anzeigen

Apples mobiler Safari respektiert Angaben zum CSS-Status :active nicht. Mit folgender Zeile JavaScript kann man ihn aber überzeugen, dies doch zu tun:

document.addEventListener("touchstart", function() {},false);

Ist das erledigt will man wahrscheinlich auch die standardmäßige Tap-Highlight-Hinterlegung entfernen, das geht dann mit diesem CSS-Schnipsel:

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