Responsive Webdesign

Linktipp: jQuery UI Touch Punch - Touch-Mobilgeräteunterstützung für jQuery UI

Heute ein kleiner Linktipp zu einem Projekt, welches sich zum Ziel gesetzt hat, jQuery UI Elemente auf Mobilgeräten besser nutzbar zu machen!

iPad / iPhone und das jQuery .click event

iPad (und wohl auch iPhone) haben eine fiese Besonderheit im Event-Triggering gegenüber Android Devices und Mac / PC. Sie triggern KEIN 'click'-Event auf (bestimmten - dazu später mehr) Elementen! Das ist gemein, da beispielsweise responsive Websites, welche diese Events nutzen, zwar auf allen anderen Geräten funktionieren, aber nicht auf den oben genannten. Hier muss man also noch einmal besonders aufpassen!

AdaptiveTheme + CSS Aggregation = Darstellungsfehler? CSS Dateien nicht akutell?

  • Ihr nutzt AdaptiveTheme?
  • Ihr habt zuvor ohne CSS Aggregation und Komprimierung entwickelt?
  • Nun habt ihr CSS Aggregation in Drupal aktiviert und eure Seite zeigt seltsames Verhalten? CSS-Angaben fehlen plötzlich?
  • Auch das vollständige leeren des Caches bringt nichts?

Dann habe ich eine Lösung für euch!

Drupal 7 Modul: Adaptive Image - Test & Tipps! (Themenbereich Responsive Webdesign)

Drupal 7 Modul Adaptive Image Screen width

Um die Funktion des Drupal 7 Moduls "Adaptive Image" zu beschreiben, zitiere ich einfach mal die Modulbeschreibung:

The Adaptive image module provides device-appropriate versions of images from your fields.
You can activate adaptive images by adding an adaptive effect to any of your image styles.