Responsive Webdesign wird wegen der zunehmenden Verbreitung von Smartphones und Tablet-Computern immer wichtiger. Dabei ist es natürlich auch wichtig, dass sich die einzelnen Komponenten der Website an die aktuelle Auflösung anpassen.

Die meisten Websites haben sich von Flash in den letzten Jahren verabschiedet und viele Flash-Animationen wurden durch jQuery-Slider ersetzt. Flash hatte aber zumindest den Vorteil, dass es beliebig skaliert werden kann, die meisten JavaScript Slider und Slideshows bieten diese Möglichkeit nicht. Hier nun eine Auswahl an guten jQuery responsive Plugins und Scripts (die Reihenfolge stellt hierbei keine Wertung dar):

Responsive Slider jQuery Plugins

1) Unoslider:

2) Flexslider:

3) Elastislide:

4) Seamless Responsive Photo Grid

Responsive Lightbox

5) fancybox 2:

Da ich kein Fan von Microsoft bin, verwende ich lieber Open Office und das natürlich am Mac. Bis jetzt hatte ich damit auch keine Probleme. Leider ist mir neulich Open Office abgestürzt und seitdem erscheint nach Programmstart das Dialogfenster “Fenster wiederherstellen” und lässt sich nicht mehr schließen. Außerdem konnte ich keine Dokumente mehr öffnen oder bearbeiten.
Die Lösung brachte folgende Vorgehensweise:

• Open Office mit “Alt+cmd+esc” beenden
• Terminal-Fenster öffnen
• in das folgende Verzeichnis (BENUTZERNAME durch eigenen Benutzer ersetzen) wechseln:
  cd /Users/BENUTZERNAME/Library/Saved Application State/org.openoffice.script.savedState
• Inhalt des Verzeichnisses löschen: rm -rf *

Danach war bei mir das Fenster wieder weg.

Meine derzeitig favorisierte Lösung ist das jQuery Plugin BackStretch.

Das Plugin skaliert ein beliebiges Bild auf die Größe der gesamten Hintergrundfläche und passt es automatisch auf die Fenstergröße an, sobald sich diese ändert.  Die Bilder werden erst geholt, nachdem die gesamte Seite geladen wurde. Somit müssen Seitenbesucher nicht warten bis die oft sehr großen Bilder fertig geladen sind.

Immer wieder hatten wir das Problem, dass bei Aktivierung eines weiteren Nutzers in einem Google Analytics Konto bei Eingabe der E-Mail Adresse folgende Meldung erschien:

“Unbekannte E-Mail-Adresse“

Auch wenn wir die Adresse zu 100% richtig definiert und eingegeben haben, erscheint oftmals diese Fehlermeldung. Google erkennt scheinbar teilweise seine eigenen Adressen nicht.

Eine Lösung ist häufig, statt …@googlemail.com einfach …@gmail.com zu verwenden.

Wenn die E-Mail Adresse vor dem @-Zeichen Punkte enthält, wie www.luk.de@gmail.com, so kann es auch helfen die Punkte einfach weg zu lassen.

Vor ca. einem halben Jahr hatte ich meinen Telefonanschluss gekündigt und wollte meinen neuen Anbieter frühzeitig über die Rufnummernmitnahme informieren. Ich bat um schriftliche Bestätigung meiner Kündigung und wollte außerdem erfahren wann denn der Anschluss abgeschaltet wird. Die Bestätigung kam nicht. Die schriftliche Bestätigung habe ich dann mehrmals telefonisch angefordert – ohne Erfolg.

Schließlich rief ich nochmals bei der Telekom an und wollte endlich meine Kündigung bestätigt haben. Zunächst wurde meine Kündigung nicht gefunden. Dann  fand man sie und war erstaunt, dass der Anschluss eigentlich schon längst abgeschaltet sein sollte. Die Dame am anderen Ende der Leitung war sehr freundlich und meinte sie würde sich darum kümmern und mich persönlich über den Stand der Dinge informieren. Siehe da, der Anruf kam nie. Stattdessen wurde der Anschluss ganz einfach deaktiviert. Vorab kam aber noch eine Rechnung über den vollen Monat zu dem die Kündigung bereits aktiv war. Da ich nie eine Bestätigung meiner Kündigung bekam habe ich auch übersehen, die Rufnummernmitnahme bei meinem neuen Anbieter rechtzeitig zu starten und kann jetzt laut Telekom, die Nummer die ich fast 10 Jahre lang hatte, nicht mehr umziehen.

Nur gut, dass ich nicht mehr Kunde bin!

Wer jedoch Skype und Dreamweaver (CS5) (oder auch andere Editoren) verwendet, könnte dabei seltsame Resultate feststellen. Zumindest war das bei uns der Fall: Der aus Skype nach Dreamweaver kopierte CSS Code wurde vom Browser komplett ignoriert. Kein Witz! Der CSS Code wurde per Copy-Paste in das Dreamweaver Dokument kopiert, gespeichert und hochgeladen. Auch Firebug zeigte den Code nicht komplett an, d.h. nur die CSS Klasse wurde angezeigt, die CSS Eingenschaften jedoch nicht. Wenn man den gleichen Code manuell eingegeben hat, funktionierte wieder alles.

Eine Erklärung hierfür haben wir momentan noch nicht. Falls jemand weiß woran das liegen könnte, kann er uns das gerne per Kommentar mitteilen.

Nachtrag:

Wie mir ein Kollege mitteilte liegt das Problem nicht bei Dreamweaver, sondern tritt auch bei anderen Editoren auf wenn der CSS Code aus SKype kopiert wird. Der kopierte Code wird nicht interpretiert.

Update Graphics, Using Sprites for sys_language Records:
TYPO3 Fatal Error: "Where" clause argument for UPDATE query was not a string in $this->UPDATEquery() !

Die Ursache für die Fehlermeldung war die Extension DBAL
Nach Entfernen der Extension konnte das Update fehlerfrei durchgeführt werden.

table.mit_runden_ecken tr:first-child td:first-child { border-top-left-radius: 15px; }
table.mit_runden_ecken tr:first-child td:last-child { border-top-right-radius: 15px; }
table.mit_runden_ecken tr:last-child td:first-child { border-bottom-left-radius: 15px; }
table.mit_runden_ecken tr:last-child td:last-child { border-bottom-right-radius: 15px; }

Eine noch besser ausgearbeitete Lösung findet man bei Red Team Design:

Zur DEMO-Website

In DirectMail Newslettern kann man beim Verschicken in Schritt 2 auch Dateien anhängen. Bei einem Kundenprojekt konnten hier keine Anhänge größer als 1MB verschickt werden. Nach langer Suche kamen wir darauf, dass es am php.ini Wert für “max_allowed_packet” lag.

Im TYPO3 Bugtracker (http://bugs.typo3.org/view.php?id=7830) haben wir zum Glück folgendes gefunden:

If the mysql configuration parameter “max_allowed_packet” is set too small (i.e. 1MB) then the update-query in mod2/class.tx_directmail_dmail.php line 1805 (function cmd_fetch) fails with “Got a packet bigger than ‘max_allowed_packet’ bytes” if attachments exceed that size. The user is not notified of this error!

Schon wieder was gelernt

Die Icons sind in Kategorien unterteilt und übersichtlich geordnet. Besonders praktisch ist, dass man die gewünschten Farbwerte auf der Website definieren kann und die Icons werden dann individuell generiert.

Website: http://mapicons.nicolasmollet.com/