Allgemein

Bilder für Responsive Designs: Für jedes Gerät das richtige Bild

Bei langsamen Internetverbindungen sind nicht selten die Bilder der Showstopper in Sachen mobiler Nutzerfreundlichkeit.
Werden Bilder einfach nur verkleinert, muss auch ein Smartphone das 400 KB große JPEG laden. Angezeigt wird aber nur eine stark geschrumpfte Ansicht des Bildes, die eigentlich weniger als halb so viele KB hätte.

Weiterlesen
Allgemein

Einfach weitermachen

DON’T WORRY, DRIVE ON: Fossil Fools & Fracking Lies from MONSTRO on Vimeo. Der Inhalt des Videos ist eine Animation zum Thema Peak Oil. Das ist die Tatsache, dass uns demnächst das Öl ausgehen wird. Seit 2005 konnte die Ölproduktion nicht weiter gesteigert werden, die Förderquote begann langsam, aber stetig zu sinken. Die Nachfrage steigt aber […]

Weiterlesen
Allgemein

Meine ersten Schritte mit LESS

Es ist noch gar nicht lange her, da konnte ich mir nicht vorstellen, mit einem Preprozessor wie LESS zu arbeiten. Aber inzwischen bin ich auf den Geschmack gekommen. Was LESS ist habe ich in diesem Artikel erklärt. Im Prinzip ist es eine Erweiterung der CSS-Syntax. LESS bietet das, was man sich von der nächsten CSS-Version wünschen […]

Weiterlesen
Allgemein

7 Prinzipien für eine wirkungsvollere Website

Ich bin ja ein erklärter Fan von Susan Weinschenk. Ihr Buch 100 Dinge, die jeder Designer über Menschen wissen muss kann ich jedem Webdesigner wärmstens empfehlen. Ich finde es eindrucksvoll, wie sehr wir unter dem Einfluß unseres „old brain“ stehen. Das ist der Teil des Gehirns, der entwicklungsgeschichtlich am ältesten ist und eigentlich am wenigsten […]

Weiterlesen
Allgemein

Code-Beispiele in WordPress mit dem pre-Tag darstellen

In vielen unserer Artikel kommen Code-Beispiele vor. Damit diese Code-Schnipsel auch richtig dargestellt werden, muss man WordPress ein paar Anweisungen mitgeben. Sonst werden die Code-Beispiele nämlich gnadenlos entfernt. Wo gestern noch ein PHP-Beispiel stand, gähnt morgen ein Loch im Artikel. Aber was passiert da eigentlich? WordPress bewertet alles, was ganz bestimmte Sonderzeichen enthält – wie […]

Weiterlesen
Allgemein

Usability im Alltag Corporate Design

Gestern bekam ich einen Anruf von einer netten Dame. Sie arbeitet für eine Bank, bei der ich kürzlich ein Konto eröffnet habe. Sie fragte nach, wie mir der Prozess der Kontoeröffnung gefallen hat, ob mir noch etwas fehlt und ob ich Fragen habe. Im Großen und Ganzen bin ich ein zufriedener Kunde meiner neuen Bank. […]

Weiterlesen
Allgemein

Eine Testumgebung für den Internet-Explorer auf dem Mac

Meine Standardtools zum Entwickeln von Webdesigns sind Chrome (Browser), MAMP (lokaler Server) und Transmit (FTP-Client). Schaue ich mir die Webseite mit anderen Browsern an, so tauchen bei Firefox und Safari in der Regel nur kleine Darstellungsfehler auf. Spannend wird es bekanntermaßen beim Internet Explorer. Microsoft’s Interpretationen von HTML und CSS sind ebenso unberechenbar wie kreativ. In […]

Weiterlesen
Allgemein

Tools zum Entwerfen von Responsive Web Design-Projekten

Bei Responsive Design ist viel Technik im Spiel. Technik, die nicht selten vom Wesentlichen ablenkt: Struktur und Inhalte. In diesem Artikel beschreibe ich Methoden und Tools, die mir helfen, mich beim Entwurf einer Website im Responsive Design nicht in den technischen Details zu verlieren. 1. Skizzen In der Konzeptions-Phase eines Responsive Webdesign-Projekts geht es darum, […]

Weiterlesen
Allgemein

eReader-Vergleich: Kobo Touch und Amazon Kindle Touch

Da ich viel am Bildschirm arbeite, sind meine Augen abends müde. Zu müde, um noch Bücher in normaler Schriftgröße zu lesen. So wurde der Stapel der ungelesenen Bücher neben meinem Bett immer höher.

Also musste ein eReader her. Und weil der/das Kindle so hässlich ist, wurde es ein Kobo Touch. Inzwischen hat mich der Kobo Touch wieder verlassen. Und auf meinem Nachttisch liegt – ein Amazon Kindle Touch.

Weiterlesen