CSS einfach erklärt

Lange ist es her, dass es beim Webdesign so etwas wie einen gemeinsamen Nenner gab: Auflösungen zwischen 1024×786 und 1280×700 Pixeln, die aufgrund ihrer Marktanteile als Standard angesehen werden konnten, werden heute nur noch von einem Bruchteil der Besucher genutzt. Einen nicht unerheblichen Anteil an dieser Entwicklung hatte die stetig wachsende Schar an mobilen Endgeräten, die kontinuierlich den traditionellen Desktop- und Laptop-Computern Marktanteile streitig macht.

Webdesigner stehen deshalb vor der Herausforderung, ästhetische Ansprüche und Usability-Anforderungen auch für mobile Endgeräte zu berücksichtigen. Dies setzt allerdings Kenntnisse über die Besonderheiten und Einschränkungen der Tablets und Handys voraus. Hilfreich bei einer dahingehenden Recherche sind Datenbanken, die technische Informationen wie etwa zum Browser, zur Auflösung oder zur Punktdichte liefern. Nachfolgend möchte ich Euch zwei Vertreter dieser Gattung vorstellen.

Mehr lesen … »

Wer seine erste eigene Homepage auf die Beine stellt, möchte natürlich auch, dass diese in den Einträgen der Suchmaschinen auftaucht. Doch gerade Anfänger sind häufig mit den Ergebnissen, die die Suchmaschinen bezüglich der eigenen Website ausspuckt, unzufrieden. Frust kommt vor allem auf, wenn nicht alle Seiten indiziert werden oder die Beschreibung unter dem Suchergebnis ungünstig ist. Unabänderlich ist dieser Zustand natürlich nicht. Mehr lesen … »

DeviceAnywhere ist ein Online-Service, der den ferngesteuerten Zugang zu echten Handys ermöglicht, die unmittelbar mit einem Mobilfunknetz verbunden sind. Der Anbieter hält für den Service über 1500 Mobiltelefone und Smartphones an verschiedenen Standorten in Europa, den USA und Asien vor. Die Geräte können über eine spezielle Desktop-Software über das Internet bedient werden. Konkret handelt es sich um eine Java-Software, die unter Windows, Mac OS X, and Linux lauffähig ist. Im Ergebnis wird es hierdurch möglich, Geräte so zu testen, als würden sie sich tatsächlich in der Hand des Entwicklers befinden.

Mehr lesen … »

Egal ob eine neue Homepage in Eigenregie, zusammen mit Freunden oder für einen Kunden entsteht, eine der ersten Überlegungen ist stets, wie viele Seiten und Unterseiten die Webseite haben soll. Diese Vorgehensweise hat sich bewährt, da ein sinnvolles Design dem Seitenaufbau folgt und nicht umgekehrt. Die einfachste Variante eine Seitenübersicht bzw. Sitemap zu entwerfen ist natürlich die gute alte Skizze von Hand. Zumindest zum Zwecke einer ersten Ideenfindung wird auch heute noch Stift und Papier gerne verwendet, da sich spontane Eingebungen auf diesem Wege am schnellsten kanalisieren lassen. Doch zumindest bei der Feinabstimmung merkt man, dass Radieren und Überschreiben nicht mehr zeitgemäß ist. Und spätestens, wenn ein wechselseitiger Ideenaustausch mit Partnern oder gar Kunden stattfinden soll, ist es an der Zeit, auf ein professionelles Tool zurückzugreifen. Klassische Grafikprogramme wie Photoshop helfen hier nur eingeschränkt weiter, da ein Teilen der Entwürfe nur über Umwege möglich ist.

Mehr lesen … »

Relativ häufig wird an mich die Frage herangetragen, ob es eine Möglichkeit gibt, die Darstellung der eigenen Homepage im iPhone zu simulieren. Scheinbar ist es gerade für Webdesign-Neulinge reizvoll, eine Bestätigung zu bekommen, dass die selbst entwickelte Homepage auch auf dem iPhone “funktioniert”. Meiner Meinung nach macht aber das reine Austesten mit einem Simulationsprogramm wenig Sinn. Vielmehr sollten zumindest rudimentäre Kenntnisse darüber vorhanden sein, nach welchen Regeln der iPhone-Browser eine Homepage auf dem recht kleinen Display darstellt und wie man als Webdesigner gegebenenfalls darauf Einfluss nehmen kann. Mehr lesen … »