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 … »

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 … »

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 … »

Internetfähige Handys und Smartphones erfreuen sich wachsenden Beliebtheit. Insofern wird es für Webdesigner immer wichtiger, das Erscheinungsbild der eigenen Projekte auf gängigen Handy-Betriebssystemen zu überprüfen. Schaut man sich die Verkaufszahlen der Smartphones an, erscheint es sinnvoll, zumindest die vier verbreitetsten Betriebssysteme in ein Testszenario einzubinden:

• Symbian OS (Nokia)
• Research in Motion (BlackBerry)
• Android
• iPhone OS (Apple)

Analog zu den PC-Betriebssystemen gibt es auch für die Smartphones zahlreiche Entwicklungsumgebungen und Tools, die eine Simulation ermöglichen. Eine sehr ausführliche Übersicht zu diesem Thema findet sich beim Speckyboy Design Magazine. Bei der Vielzahl der dort hinterlegten Hilfsmittel sollten sämtliche Testwünsche befriedigt werden.

Eine Übersicht über fast alle bisher produzierten Handymodelle und deren Internetfähigkeiten bietet übrigens die Datenbank DeviceAtlas.

Apple hat für das iPad ein Dokument veröffentlicht, in dem Besonderheiten des iPads für Webdesigner diskutiert werden. Ausgangspunkt der Überlegungen sind zwei Besonderheiten:

Mehr lesen … »