Blog

Georgia als Serifenschrift und Verdana als serifenlose sind zwei der am meisten auf Webseiten eingesetzten Schriften. Sie wurden seinerzeit im Auftrag von Microsoft speziell für die Anzeige auf Computerbildschirmen entworfen. Die typografischen Möglichkeiten sind mit den wenigen Schriftschnitten Standard, Fett und Kursiv allerdings recht beschränkt.

Daher wurden beide Schriftfamilien nun in Zusammenarbeit vierer Schriftentwickler erweitert auf jeweils 20 Schriftschnitte und tragen den Namenszusatz »Pro«. Sie sind erhältlich als Desktop- und als Webfonts-Version. So große und dazu hochwertige Schriftfamilien haben natürlich auch einen recht stolzen Preis.

Nähere Informationen: fonts.com

Natürlich beobachtet man als selbständiger Webdesigner die Konkurrenz. Es gibt viele richtig gute Mitbewerber, deren Websites ich mir gerne anschaue und deren Texte mich begeistern können. Manchmal stößt man aber auch auf befremdende Aussagen, wie etwa,

in der Regel werde nicht mit standardisierten Content-Management-Systemen (CMS) gearbeitet, sondern die Website des Kunden von Hand erstellt, um die Einzigartikeit der Internetpräsenz zu gewährleisten. Der Kreativität seien so keine Grenzen gesetzt.

Moment, Moment!
a)
Wieso sind Standards schlecht? Webstandards gewährleisten doch eine möglichst einheitliche Darstellung in allen Browsern und unter allen Betriebssystemen.
b)
Auch beim Einsatz eines CMS (= Inhaltsverwaltungssystem) erstellt der Webdesigner die Internetpräsenz doch von Hand. Denn es muss ein Design erstellt werden, das zur Corporate Identity passt, Layout und Typografie müssen harmonisch sein, es muss ein Theme/Template für das entsprechende CM-System gebaut werden, es müssen Texte und Bilder eingepflegt werden und es muss nicht zuletzt eine übersichtliche Struktur geschaffen werden.
c)
Moderne Inhaltsverwaltungssysteme sind so flexibel, dass eine absolut einzigartige und dazu noch leistungsfähige, moderne Internetpräsenz geschaffen werden kann.
d)
Der Kreativität sind auch und gerade bei Einsatz eines CMS keine Grenzen gesetzt, weil der Webdesigner in der Gestaltung frei ist und sich Erweiterungen installieren lassen, die verschiedene vom Kunden gewünschte Funktionalitäten möglich machen.

Und was sicherlich für den Kunden am meisten von Bedeutung ist: Er/sie kann im Regelfall spätere Änderungen der Inhalte selbst durchführen. Zum Ändern der Texte steht ein grafischer Texteditor zur Verfügung, Bilder können leicht selbst ausgewechselt werden und manchmal können sogar Inhaltsblöcke verschoben/ausgetauscht werden. Kenntnisse in HTML sind hierfür nicht erforderlich. Der Webdesigner muss somit nicht für jede kleine Textänderung neu beauftragt werden.

Wenn dann noch ein lizenzkostenfreies Open-Source-CMS eingesetzt wird, fallen eben nur Kosten für die Dienstleistungen des Webdesigners an, nämlich fürs Design und die Einrichtung des Systems. Viele Zusatzmodule zum Erweitern der Funktionalität sind gänzlich kostenlos oder aber sehr preisgünstig. Und weitere Folgekosten entstehen nur dann, wenn das Design einmal geändert und den aktuellen Trends angepasst werden soll, was aber im Standardfall erst nach vielleicht drei bis fünf Jahren ansteht.

Und genau aus diesen Gründen biete ich meinen Kunden Webdesign eben gerade unter Benutzung eines CMS an – bevorzugt Concrete5 oder Drupal. Und das auch noch preisgünstig, wartungsfreundlich und auf Ihr individuelles Unternehmensdesign abgestimmt.

Den Seitenaufbau von Webseiten zu beschleunigen, ist immer eine gute Idee. Was den Aufbau unter anderem verlangsamt, sind zu viele Hintergrundbilder. Ich hatte ja bisher für den Schatteneffekt rund um den Haupt-Container Bilder eingesetzt: eins für den linken und rechten Rand, eins für den Schatten über dem Kopfbereich und eins für den Schatten unter dem Fußbereich.

Es sind alles nur winzige Dateien gewesen, denn ich komprimiere Bildmaterial immer so gut wie nur möglich. Aber trotzdem beanstandete die Ge­schwin­dig­keits­test-Erweiterung (für Firefox und Opera) YSlow das zu viele Hintergrundbild-Material. Gut, dass die meisten aktuellen Webbrower die CSS3-Eigenschaft box-shadow inzwischen beherrschen. Internet Explorer 8 und älter natürlich nicht – ist klar.

Für diese Krankheit, die sich Webbrowser schimpft, benutze ich also nach wie vor ein Bild als Schatteneffekt. Ich habe es immerhin geschafft, nur noch ein einziges Bild zu verwenden statt wie bisher drei verschiedene. Das verkürzt auch schon mal ein bisschen die Ladezeit. Alle anderen aktuellen Browser (ja, und erstaunlicher Weise wohl auch Internet Explorer 9) kommen mit box-shadow klar. Für ältere Gecko- und Webkit-Browser kann man die Präfixe -moz und -webkit verwenden.

Nähere Informationen: CSS3.info

Es ist grauenhaft, dass es den Internet Explorer gibt – einen Webbrowser, der sich wenig an die Standards hält. Zumindest bis Version 8 werden nur sehr wenige CSS3-Eigenschaften unterstützt und neue HTML5-Tags auch nicht. Firefox, Chrome, Safari und Opera sind da wesentlich besser auf dem aktuellen Stand der Dinge.

Also muss man als Webdesigner immer noch für den IE Extrawürste braten. Was kann er nicht? Nun, zum Beispiel – um nur die für mich wichtigsten zu nennen: abgerundete Ecken, Text-Schatten, Box-Schatten; Video und Audio nativ abspielen. Da muss man also nach wie vor irgendwie mit Bildern bzw. mit Flash rumwursteln oder gar umständliche Hacks anwenden.

Schlimmer aber sind Sicherheitslücken im uralten Internet Explorer 6. Microsoft selbst rät von der Verwendung dieses Uralt-Browsers ab und bietet ja auch keine Updates mehr dafür an. Leider gibt es hier und da noch Benutzer, die diese Gurke aus dem Jahr 2001 benutzen. Unter Windows 2000 zum Beispiel lässt sich gar kein IE 7 oder neuer installieren. Doch solche Benutzer könnten dann wenigstens auf einen anderen Browser umsteigen.

Langer Rede kurzer Sinn: Als eine sinnvolle Sache erachte ich es, wenn solche Benutzer gebeten werden, eine modernere Software zu verwenden. Zu diesem Zweck kann man als Webdesigner ein kleines Skript in den Fuß der Webseiten einbinden, welches von Browser-Update.org zur Verfügung gestellt wird.

Wenn der Besucher auf den Link im Hinweisfenster klickt, gelangt er zur Website von Browser-Update.org und bekommt Vorschläge, welche Browser er installieren kann. Es werden nur diejenigen angeboten, die auch fürs jeweilige Betriebssystem erhältlich sind. Da zum Beispiel Internet Explorer 9 für Windows XP nicht erhältlich ist, liest man: »Internet Explorer 9. Nicht für Ihr Betriebssystem verfügbar. Nur für Windows Vista und 7. Bitte wählen Sie einen anderen Browser aus«. Vielleicht kauft sich der überzeugte Internet-Explorer-Anhänger statt dessen aber auch ein neues Windows-Betriebssystem, womit auch dem armen Microsoft ein Gefallen getan wäre 😉

Jedenfalls wollen wir die Seitenbesucher keinesfalls nerven oder verärgern, und deshalb lässt sich ein vereinfachtes Skript (ohne genaue Einstellungen, bei welchen Browsern und Browser-Versionen ein Hinweis erscheinen soll) herunterladen. Dieses informiert nur diejenigen Benutzer, die Steinzeit-Browser benutzen, welche »vom Hersteller nicht mehr unterstützt werden, Sicherheitslücken aufweisen oder sehr lange veraltet sind«. Das ist zum Beispiel beim Internet Explorer 6 der Fall, aber nicht bei Version 7 oder 8.

Und der Besucher muss der Empfehlung natürlich auch nicht folgen und bleibt für die nächste Zeit von einer erneuten Benachrichtigung verschont – sonst würde er die entsprechende Website wohl einfach verlassen und nie mehr aufrufen. Das wäre schließlich für den Website-Betreiber äußerst kontraproduktiv.