Mit der CSS-Anweisung float können wir ein Bild aus dem Textfluss nehmen. Oft wollen wir aber nicht, dass Text das Bild umfließt, sondern daneben in einer Flucht steht. Nachfolgend eine kurze Einführung.

Manche webgestaltende »Professionisten« verwenden noch immer HTML-Tabellen, um Bilder und Text nebeneinander in einer Flucht auszurichten.

Alles lesen: CSS float: Bilder und Text jeweils in einer Flucht ausrichten

Natürlich können wir solchen Aktionismus als verrückt und nutzlos bezeichnen. Was soll das ändern, wird sich so mancher fragen.

Ob eine Botschaft die gewünschte Wirkung erzielt ist aus Marketingsicht das Resultat aus ständiger Wiederholung und Verbreitung. Ob das Web dadurch tatsächlich zugänglicher wird, ist eine andere Frage.

Ich wiederhole mich heute einfach mit dem Griff in mein Archiv.

Alles lesen: Mit blauen Mützen Webstandards unterstützen - 30.11.

»Strategien, Werkzeuge und Tipps für mehr Benutzer­freund­lich­keit«, so der Untertitel, schärft vor allem unsere Augen für das Detail im Zusammenhang.

Die primäre Zielgruppe wird nach der Lektüre jedoch nach wie vor davon ausgehen, dass Webseiten so eine Art Pixelgemälde sind, in denen rumgeklickt wird.

Fazit: Ein empfehlenswertes Kompendium zu Fragen der visuellen Benutzbarkeit von Websites, aber auch eine Buchempfehlung mit Bauchweh!

Alles lesen: Buchrezension: Leitfaden Web-Usability

Ohne Strukturinformationen bekommen wir eine einzige Textwurst. Eine dieser HTML-Strukturinformation ist die Kennzeichnung eines Absatzes.

HTML informiert über Strukturen und Bedeutung und dient nicht der visuellen Formatierung!

Viele verstehen schlicht die Funktion und den Stellenwert digitaler Texte (noch immer) nicht.

Alles lesen: HTML p-Element: Absätze statt Textwurst mit Zeilenumbruch

Insbesondere beim Einsatz von Hyperlinks mit Image-Replacements irritiert mitunter das visuelle Detail eines strichlierten Rahmens beim Klick, vor allem im Firefox. Begegnet wird dem oft mit der Unsitte, im CSS :focus auf 0 zu setzen. :active {outline:0;} wäre die geeignetere Anweisung.

Eine Seite zu ertasten kann viele Gründe haben. Wir dürfen der Tastatur nicht durch eine unbedachte CSS-Anweisung den Tastsinn auf Webseiten nehmen.

Alles lesen: CSS :focus und :active – Tast(en)sinn auf Webseiten

Laut einer Aussendung des BITKOM klagen 47 Prozent der Anwender über schlechte Lesbarkeit von Texten auf Websites. Vermutlich auch auf der des BITKOM. Geeigneter Zeilenabstand in Fließtexten ist dabei eine wichtige Komponente.

Ich habe Erkenntnisse und Beiträge der letzten Jahre zusammengetragen und geordnet. Die Zeilenhöhe (Zeilenabstand) in Fließtexten auf Webseiten sollte 140 bis 160 Prozent der Schriftgröße betragen. Die Spannbreite bewegt sich zwischen 120 und 200 Prozent.

Alles lesen: CSS line-height: Mit Zeilenabstand auf Webseiten die Lesbarkeit erhöhen

Webseiten gestalten mit HTML & CSS, so der Untertitel. Da Sie das Buch nicht nur als Lehrgang betrachten können, sondern auch als Nachschlagewerk, wird es auch nicht so schnell in Ihrem Buchregal verstauben.

HTML dient nicht zum Gestalten von Webseiten und Klassitis in CSS kann krankhaft werden. Wie in allen seinen Büchern, spricht Peter Müller klare humorvolle Sprache.

Fazit: Für Einsteiger der ideale Begleiter.

Alles lesen: Buchrezension: Little Boxes, Teil 1 (2. Auflage)

Zwei Beispiele, wie so manche HTML-Tabelle zu einer einfachen Liste werden kann. Eine dargestellte Tabelle macht nur dann Sinn, wenn die Spalten der Reihen zueinander in Bezug stehen oder zu vergleichen wären.

In Zeiten der mobilen Webnutzung wird sinnvolle und semantische Aufbereitung auch für Otto Normal im Handy-Display spürbar.

Alles lesen: Listen statt HTML-Tabellen – Handy und PDA profitieren davon

Regeln für den Einsatz von alternativen Bildbeschreibungen sind nun schon seit zehn Jahren unbestritten und allgemein akzeptiert. Diese scheinen allerdings bei einem Fachautor des Smashing-Magazins noch nicht angekommen zu sein.

Ein kürzlich erschienener irreführender Artikel in diesem weit verbreiteten Magazin hat nicht nur kleine Fehler oder ist das Werk eines übereifrigen jungen Studenten. Er vermischt in verwirrender Weise Webstandards, Accessibility und schlichtes Handwerkswissen.

Alles lesen: HTML: img und alt-Attribut – Bild- und Beschreibung

Ab Juni 2009 ist Teil 1 der Buchreihe Little Boxes als aktualisierte und erweiterte Neuauflage erhältlich. Little Boxes erschien ursprünglich im Jahr 2006 via Book-On-Demand im Eigenverlag. Erst später wurde unter Obhut eines klassischen Buchverlages eine Serie daraus.

Ich bat den Buchautor und Dozenten Peter M. Müller im März 2009 um ein Gespräch per E-Mail. Es wurde ausführlich und informativ.

Abschnitte:

1. Einleitung und Zusammenfassung
2. Zur Zukunft von Little Boxes und Büchern allgemein
3. Peter M. Müller über sein Leben und Berufserfahrung
4. Der Buchautor über die Kunst des guten Fachbuches