CSS einfach erklärt

Das Layout von HTML Fließtext ist auf den meisten Websites eine recht langweilige Angelegenheit. Gerne würde mancher Webdesigner auf die aus dem Printbereich bekanten Layoutmöglichkeiten zurückgreifen. So ist es beim Desktop-Publishing kein Problem, etwa runden Text um ein rundes Bild herumfließen zu lassen. Bei Verwendung der CSS-Eigenschaft float fließt der Text zwar um das Bild herum, allerdings wieder in eckiger Form. Das verwundert nicht, denn Websites bestehen nun mal aus viereckigen Kästen, die übereinander, nebeneinander oder ineinander gestapelt werden.

Mehr lesen … »

Je nach Zielsetzung einer Website soll der Besucher entweder möglichst ausgiebig das Angebot nutzen oder zu einer konkreten Handlung (etwa einer Bestellung) gelotst werden. Dies gelingt nur, wenn die Bedienoberfläche auf die Bedürfnisse und Fähigkeiten des Nutzers so abgestimmt wird, dass er sie schnell und einfach nutzen kann. Die Fachbegriffe hierfür lauten User Experience Optimization (kurz UXO) und Web-Usability (Benutzerfreundlichkeit). Beide Schlagwörter haben sich parallel durchgesetzt, verfolgen aber die gleiche Intention: Sie definieren die Bedürfnisse der Anwender als vorrangiges Ziel bei der Entwicklung von Websites. Ausgefallene Designs und sonstige Spielereien sind hingegen zweitrangig. Ein Paradebeispiel für die Umsetzung dieser Vorgaben liefert Amazon: Das Design ist alles andere als ansprechend oder innovativ. Es wurde der Zielsetzung - das suchen und bestellen von Artikeln - vollkommen untergeordnet, welches selbst unerfahrenen Surfern mühelos gelingt.

Mehr lesen … »

Icons für die Homepage zu finden ist oftmals gar nicht so einfach. Zwar existieren unzählige Websites zu diesem Thema, oft lassen leider Umfang und Qualität der Sammlungen zu wünschen übrig. Schließlich fehlen häufig Angaben zum Nutzungsumfang, sodass zumindest eine kommerzielle Nutzung ausscheidet.

Mehr lesen … »

Wer Informationen über den DOM-Zweig eines CSS-Elementes sucht, kann nicht immer auf Firebug zurückgreifen. Insbesondere auf betagteren Systemen bzw. mobilen Lösungen kann der zusätzliche Ressourcenverbrauch des Firefox-Plugins als störend empfunden werden. Mehr lesen … »

Viele Webentwickler benutzen bei der Erstellung des Codes ihren Lieblingseditor, überprüfen aber dennoch die Änderungen permanent in ihrem Webbrowser. Das führt dazu, dass ein ständiges hin- und herspringen zwischen Code-Editor und Browser erfolgt. Dabei sind stets mehrere Schritte notwendig: Zunächst speichert man den Code im Editor, wechselt dann zum Webbrowser und aktualisiert schließlich den Inhalt der Seite. Zwar lässt sich die Prozedur durch die Verwendung von Tastenkürzeln erheblich beschleunigen, dennoch kostet jede Wiederholung Zeit und Nerven.

Mehr lesen … »