2012 August

webks: Responsive Module Plugin for jQuery

Ein großes Problem beim gestalten von Oberflächen für Mobilgeräte, stellen Tabellen dar. Tabellen sind aufgrund ihres „Wesens“ schon gänzlich ungeeignet für schmale Displays, viele Spalten, platzraubender Inhalt. Und so nehmen sich Tabellen den Platz welchen Sie benötigen, mit der Folge das sie über die Website hinausragen und der User nach rechts scrollen muss, Katastrophe.

Zusammen mit meinem Kollegen Julian Pustkuchen bei webks: websolutions kept simple haben wir nun eine jQuery Lösung entwickelt, welche für Jedermann kostenfrei zum Download bereitsteht.

Anregungen und Wünsche zur Optimierung des Moduls nehmen wir selbstverständlich gerne entgegen.

    Internet Explorer IE :hover reagiert nur direkt über der Border

    Das Problem ist mir so noch nicht untergekommen, in diesem Fall ein Div, stellte den :hover-Style nur dar, sobald man sich direkt auf der Border des Divs befand, nicht aber über dem Inhalt. Die Lösung ist so einfach wie amüsant, man gebe dem Div einfach einen Hintergrund, seih es Grafik oder Farbe. 

    Damit ist das schwarze Loch im Div dann gestopft!

      Disable Firefox Zoom

      Nutzt man Firefox als Entwicklungsbrowser, ist der Zoom eine doch eher lästige Funktion die einen schonmal über einem garnicht existenten Problem brüten lässt. Um nun nicht den Zoom manuell immer wieder auf 100% setzen zu müssen, folgendes Vorgehen

      1. „about:config“ in die Firefox Adresszeile tippen
      2. „zoom.maxPercent“ auf 100
      3. „zoom.minPercent“ auf 100
      4. Firefox neu starten, fertig.